/* ============================================================
   Sterling Crest Casino Hotel — sterlingcrestresorts.com
   Direction: Dense Terminal Data Desk (2026)
   Near-black ground, signal-green accent, Space Mono + Atkinson.
   Terminal / odds-board / compliance-ledger aesthetic.
   ============================================================ */

:root {
  color-scheme: dark;

  /* Surfaces — near-black, slight green undertone */
  --bg:           #0B0F0E;
  --bg-soft:      #0E1413;
  --surface:       #111817;
  --surface-2:     #0C1211;
  --surface-sunk:  #070A09;
  --surface-raise: #16201E;

  /* Ink — high-contrast mint-white (AA on dark) */
  --ink:           #E6F1EA;
  --text:          #D8E6DE;
  --text-muted:    #8DA39A;
  --text-faint:    #5F7A72;
  --on-accent:     #04140B;

  /* Lines — low-alpha ink */
  --border:        rgba(230, 241, 234, 0.10);
  --border-strong: rgba(230, 241, 234, 0.20);
  --rule:          rgba(230, 241, 234, 0.06);
  --grid-line:     rgba(124, 255, 178, 0.06);

  /* Brand accent — signal green */
  --accent:        #7CFFB2;
  --accent-soft:   #A8FFC8;
  --accent-tint:   rgba(124, 255, 178, 0.10);
  --accent-ink:    #7CFFB2;
  --accent-bright: #B6FFD0;
  --accent-line:   rgba(124, 255, 178, 0.45);
  --accent-dim:    rgba(124, 255, 178, 0.30);

  /* Status (AA on dark) */
  --good:    #7CFFB2;
  --good-tint: rgba(124, 255, 178, 0.12);
  --warn:    #FFCE6B;
  --warn-tint: rgba(255, 206, 107, 0.12);
  --bad:     #FF8C7A;
  --bad-tint: rgba(255, 140, 122, 0.12);
  --info:    #8DA39A;

  /* Type — terminal display + hyperlegible body */
  --font-display: "Space Mono", "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-sans: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "Space Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Fluid type scale */
  --fs-h1: clamp(1.9rem, 1.6vw + 1.3rem, 3rem);
  --fs-h2: clamp(1.4rem, 0.8vw + 1.1rem, 2rem);
  --fs-h3: clamp(1.1rem, 0.4vw + 0.95rem, 1.4rem);
  --fs-body: 1.0625rem;
  --fs-sm: 0.9375rem;
  --fs-cap: 0.75rem;
  --fs-mono: 0.8125rem;

  --lh-tight: 1.15;
  --lh-snug: 1.3;
  --lh-body: 1.6;

  --track-tight: -0.01em;
  --track-cap: 0.16em;
  --track-mono: 0.04em;

  /* 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 — single column */
  --maxw: min(760px, 92vw);
  --maxw-wide: min(1100px, 94vw);
  --gap: 16px;
  --gap-tight: 12px;

  /* Radii — terminal: small, crisp */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-pill: 999px;

  /* Shadows — flat with hairline */
  --shadow-1: 0 1px 0 rgba(0,0,0,0.40), 0 8px 24px rgba(0,0,0,0.42);
  --shadow-2: 0 18px 48px rgba(0,0,0,0.55), 0 0 0 1px var(--border);
  --shadow-accent: 0 0 0 1px var(--accent-line), 0 8px 28px rgba(124,255,178,0.08);
  --shadow-inset: inset 0 0 0 1px var(--border);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.0, 0.0, 1);
  --dur: 160ms;
  --dur-fast: 90ms;

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