:root {
  /* Brand: royal Indian casino — rosewood + maroon, antique gold, emerald felt, ivory */
  --color-bg: #14060a;
  --color-bg-elevated: #22090f;
  --color-surface: #2c0d14;
  --color-surface-2: #3a121a;
  --color-ink: #f7ecd4;
  --color-muted: rgba(247, 236, 212, 0.76);
  --color-faint: rgba(247, 236, 212, 0.5);
  --color-accent: #e3b04b;
  --color-accent-soft: #f6d98a;
  --color-accent-deep: #a87622;
  --color-line: rgba(227, 176, 75, 0.3);
  --color-success: #3dba7a;
  --color-priority-1: #e3b04b;
  --color-priority-2: #d4a84b;
  --color-priority-3: #b8924a;

  --color-ruby: #b3262e;
  --color-ruby-deep: #6e1219;
  --color-felt: #0e5a40;
  --color-felt-deep: #06301f;
  --color-parchment: #f4e7c6;
  --color-parchment-edge: #d9bf86;
  --color-parchment-ink: #2d150b;
  --color-parchment-muted: rgba(45, 21, 11, 0.8);
  --color-parchment-link: #8a1c24;

  --gold-grad: linear-gradient(180deg, #fbe9ad 0%, #e8b850 46%, #b4832a 100%);
  --ruby-grad: linear-gradient(180deg, #a3242c 0%, #6e1219 100%);
  --wood-grad: linear-gradient(180deg, rgba(62, 20, 28, 0.96) 0%, rgba(36, 10, 16, 0.97) 100%);
  --felt-grad: radial-gradient(120% 90% at 50% 20%, #13704f 0%, #0b4a34 55%, #062b1d 100%);
  --jaali:
    radial-gradient(circle, rgba(227, 176, 75, 0.1) 1.4px, transparent 2px) 0 0 / 30px 30px,
    repeating-linear-gradient(45deg, rgba(227, 176, 75, 0.035) 0 1px, transparent 1px 21px),
    repeating-linear-gradient(-45deg, rgba(227, 176, 75, 0.035) 0 1px, transparent 1px 21px);

  --font-display: "Palatino Linotype", "Book Antiqua", Palatino, "URW Palladio L", Georgia, "Nirmala UI", serif;
  --font-body: "Segoe UI", system-ui, -apple-system, Roboto, "Nirmala UI", "Noto Sans Devanagari", sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --wrap: min(1120px, calc(100% - 2rem));
  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  --frame:
    inset 0 0 0 1px rgba(227, 176, 75, 0.45),
    inset 0 0 0 5px rgba(20, 6, 10, 0.55),
    inset 0 0 0 6px rgba(227, 176, 75, 0.2);
  --header-h: 64px;
  --transition: 180ms ease;
}
