/* Royal Pro Rummy — Ice Blue Editorial Variables */
:root {
  /* Brand palette — light-dominant ice-blue editorial */
  --primary: #1769E8;
  --primary-hover: #0F4FB8;
  --accent: #0EA5A8;
  --accent-soft: #5BC0C2;
  --background: #F4F8FF;
  --surface: #FFFFFF;
  --surface-2: #E8F1FF;
  --surface-3: #DCE9FB;
  --text: #13213A;
  --muted: #52647C;
  --muted-soft: #5E6E83;
  --primary-deep: #0B3F8E;
  --border: #C9D9F2;
  --border-strong: #9AB4DC;
  --ink: #0A1628;

  /* Editorial accent */
  --rule: rgba(19, 33, 58, 0.12);
  --rule-strong: rgba(19, 33, 58, 0.24);
  --paper: #FBFCFE;

  /* Shadows */
  --shadow-card: 0 1px 2px rgba(19, 33, 58, 0.06), 0 6px 18px rgba(19, 33, 58, 0.06);
  --shadow-deep: 0 8px 32px rgba(19, 33, 58, 0.10);
  --shadow-inset: inset 0 0 0 1px rgba(255, 255, 255, 0.4);

  /* Geometry */
  --radius: 8px;
  --radius-lg: 14px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  /* Spacing scale */
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-5: 20px;
  --gap-6: 24px;
  --gap-7: 32px;
  --gap-8: 40px;
  --gap-9: 56px;
  --gap-10: 72px;
  --gap-12: 96px;

  /* Type */
  --font-display: 'Inter', 'Inter Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Inter Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --h1-desktop: 56px;
  --h1-mobile: 32px;
  --h2-desktop: 32px;
  --h2-mobile: 24px;
  --h3-desktop: 22px;
  --h3-mobile: 19px;
  --body-desktop: 17px;
  --body-mobile: 16px;

  /* Header */
  --header-h: 64px;
  --max-w: 1200px;
  --max-w-narrow: 880px;

  /* Motion */
  --t-fast: 140ms ease;
  --t-base: 240ms ease;
  --t-slow: 480ms cubic-bezier(0.22, 1, 0.36, 1);

  /* Z layers */
  --z-header: 250;
  --z-drawer: 200;
  --z-hamburger: 300;
  --z-sticky-cta: 280;
  --z-modal: 400;
}