/* Crown Demo UI — Color tokens
 * Source: Crown Resorts × Blue Orange Digital, "UI spec guide" (July 2026)
 * Base palette + semantic aliases. */
:root {
  /* Brand core */
  --ink-navy: #0F1B2D;        /* nav, headers, primary data */
  --ink-navy-2: #1A2433;      /* softened ink for body headings */
  --crown-gold: #B8934A;      /* primary accent, value highlights */
  --crown-gold-soft: #F6F0E4; /* gold wash / highlight fill */

  /* Semantic status */
  --teal: #2E6E63;            /* positive / savings */
  --signal-red: #C0504D;      /* risk, understaffing, decline */
  --amber: #D9A441;           /* warnings, overstaffing */

  /* Neutrals */
  --canvas: #FFFFFF;          /* app background */
  --surface: #F3F5F8;         /* cards on white canvas */
  --surface-2: #E8ECF2;       /* nested fills, tracks */
  --hairline: #E1E5EB;        /* 1px separators */
  --border: #C7CFD9;          /* card / control borders */
  --muted: #5A6472;           /* secondary / caption text */

  /* Text */
  --text-strong: #0F1B2D;
  --text-body: #1A2433;
  --text-muted: #5A6472;
  --text-on-dark: #E8ECF2;
  --text-on-gold: #0F1B2D;

  /* Semantic aliases */
  --accent: var(--crown-gold);
  --accent-contrast: #0F1B2D;
  --positive: var(--teal);
  --negative: var(--signal-red);
  --warning: var(--amber);

  --surface-card: var(--canvas);
  --surface-sunken: var(--surface);
  --nav-bg: var(--ink-navy);

  /* Tint fills for status chips / badges */
  --teal-tint: #E4EEEB;
  --red-tint: #F5E6E5;
  --amber-tint: #F8F0DC;
  --navy-tint: #E5E8ED;
}