/* ============================================================
   The Grand Ledger — auroragrandresort.com
   Direction: Retro-Future Casino Moderne (2026)
   Dark espresso ground, champagne ink, deco gold, rose neon.
   Art Deco streamline-moderne editorial system.
   ============================================================ */

/* ---------- Design tokens ---------- */
:root {
  color-scheme: dark;

  /* Surfaces — espresso & velvet dark */
  --bg:           #120D0B;  /* espresso black ground */
  --bg-soft:      #1A1310;
  --surface:       #251A16;  /* card surface */
  --surface-2:     #1C1310;
  --surface-sunk:  #0E0907;  /* deeper recess */
  --surface-raise: #2E211B;  /* slightly raised card */

  /* Ink / text — champagne (AA-checked on dark surfaces) */
  --ink:           #F5E6C8;  /* champagne, headings */
  --text:          #E9D9B8;  /* body text on dark */
  --text-muted:    #C9B894;  /* AA on dark surfaces */
  --text-faint:    #9C8A66;  /* large/caption/meta only */
  --on-accent:     #1A1208;  /* text on gold fills */

  /* Lines — low-alpha champagne */
  --border:        rgba(245, 230, 200, 0.12);
  --border-strong: rgba(245, 230, 200, 0.22);
  --rule:          rgba(245, 230, 200, 0.10);

  /* Brand accent — deco gold */
  --accent:        #D9A441;  /* fills, borders, large display */
  --accent-soft:   #E8CF9E;
  --accent-tint:   rgba(217, 164, 65, 0.12);
  --accent-ink:    #E8B85A;  /* AA gold text on dark */
  --accent-bright: #F0C66A;
  --accent-line:   rgba(217, 164, 65, 0.45);

  /* Neon accent — rose (fills / large display only) */
  --neon:          #E85D75;
  --neon-soft:     #F49CAB;
  --neon-tint:     rgba(232, 93, 117, 0.14);

  /* Status (AA on dark) */
  --good:    #7BAE8A;
  --good-tint: rgba(123, 174, 138, 0.14);
  --warn:    #E07A6E;
  --warn-tint: rgba(224, 122, 110, 0.14);
  --promo:   #E85D75;  /* fills only */

  /* Type */
  --font-display: "Fraunces", "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Fluid type scale */
  --fs-h1: clamp(2.1rem, 1.4vw + 1.5rem, 3.6rem);
  --fs-h2: clamp(1.55rem, 0.9vw + 1.25rem, 2.5rem);
  --fs-h3: clamp(1.2rem, 0.5vw + 1.05rem, 1.65rem);
  --fs-body: 1.125rem;
  --fs-sm: 0.95rem;
  --fs-cap: 0.75rem;

  --lh-tight: 1.08;
  --lh-snug: 1.22;
  --lh-body: 1.65;

  --track-tight: -0.02em;
  --track-cap: 0.14em;

  /* Spacing (8px base) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* Layout */
  --maxw: min(1280px, 92vw);
  --maxw-narrow: min(860px, 92vw);
  --grid-cols: 12;
  --gap: 24px;
  --gap-tight: 16px;

  /* Radii — Moderne: squircle-ish, slightly larger */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;

  /* Shadows — deep velvet + gold hairline */
  --shadow-1: 0 1px 2px rgba(0,0,0,0.40), 0 10px 28px rgba(0,0,0,0.38);
  --shadow-2: 0 18px 48px rgba(0,0,0,0.58), 0 0 0 1px rgba(217,164,65,0.10);
  --shadow-gold: 0 0 0 1px rgba(217,164,65,0.30), 0 10px 34px rgba(217,164,65,0.10);
  --shadow-inset: inset 0 0 0 1px var(--border);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 240ms;

  /* Focus */
  --focus: 2px solid var(--accent);
  --focus-offset: 2px;
}