/* Drop Hint — color tokens. Five brand colors (Navy, Coral, Rose, Cream, Mist) + tints, logo-only legacy colors, illustration accents, semantic aliases. */
:root{
  /* Navy — primary buttons, nav, headings, logo mark */
  --navy-950:#111C40;--navy-900:#1B2B5E;--navy-800:#26386F;--navy-700:#384A82;--navy-500:#64709B;--navy-300:#A6AEC9;--navy-200:#C9CFE2;--navy-100:#E3E7F2;
  /* Coral — CTAs, links, active states, highlights */
  --coral-700:#C8323F;--coral-600:#EB4757;--coral-500:#FF5C6C;--coral-300:#FF97A1;--coral-100:#FFE2E5;
  /* Rose — badges, tags, hover states, decorative accents */
  --rose-600:#E97A8B;--rose-500:#FF9CAA;--rose-300:#FFC4CD;--rose-100:#FFE9ED;
  /* Cream — warm page backgrounds, cards, empty states */
  --cream-300:#F6DFD4;--cream-200:#FBEAE2;--cream-100:#FFF5F0;
  /* Mist — cooler panel backgrounds, sidebar, input fields */
  --mist-300:#D9DEEF;--mist-200:#E7EAF6;--mist-100:#F2F4FB;
  --white:#FFFFFF;
  /* Logo-only (sampled from the supplied logo files; do not use in UI) */
  --logo-indigo:#100094;--logo-pink:#FF61D0;
  /* Illustration accents (sampled from promo video illustrations) */
  --illo-sky:#B8EAF7;--illo-lavender:#B7A3E6;--illo-bubblegum:#F7A8C2;
  /* Semantic status */
  --success-600:#16855A;--success-100:#DDF4EA;--warning-600:#B86E00;--warning-100:#FFF0D6;--danger-600:#C8323F;--danger-100:#FFE2E5;--info-600:#384A82;--info-100:#E3E7F2;

  /* ---- Semantic aliases ---- */
  --text-heading:var(--navy-900);--text-body:#3B4670;--text-muted:#6A7396;--text-inverse:var(--white);--text-link:var(--coral-700);--text-link-hover:var(--navy-900);--text-on-coral:var(--white);
  --surface-page:var(--white);--surface-warm:var(--cream-100);--surface-cool:var(--mist-100);--surface-card:var(--white);--surface-card-warm:var(--cream-100);--surface-inverse:var(--navy-900);--surface-input:var(--mist-100);--surface-sidebar:var(--mist-100);
  --border-subtle:var(--mist-300);--border-warm:var(--cream-300);--border-strong:var(--navy-900);--border-focus:var(--coral-500);
  --action-primary:var(--navy-900);--action-primary-hover:var(--navy-800);--action-primary-press:var(--navy-950);
  --action-cta:var(--coral-500);--action-cta-hover:var(--coral-600);--action-cta-press:var(--coral-700);
  --accent-active:var(--coral-500);--accent-decor:var(--rose-500);--accent-hover-tint:var(--rose-100);
}