/* ============================================================
   WingForce — Color tokens
   Palette per Brand Style Guide v2.0 + Wingman Platform v1.1. 60/30/10 proportion rule:
   60% Cloudline/White · 30% Altitude Blue · 10% Horizon Gold + Bolt Yellow.
   ============================================================ */

:root {
  /* ---- Brand primaries ---- */
  --wf-altitude-blue: #0F4EC4;   /* Primary brand color, hero bg, CTAs, links */
  --wf-horizon-gold: #F4A72C;    /* Accent — golden-hour energy moment. Use as a FILL; needs dark text on it (fails text-contrast on white). */

  /* ---- Neutrals ---- */
  --wf-midnight: #0A0E1A;        /* Primary body text, dark backgrounds */
  --wf-slate: #64748B;           /* Secondary text, dividers, metadata */
  --wf-cloudline: #F0F4FF;       /* Page backgrounds, card surfaces, light sections */
  --wf-white: #FFFFFF;           /* Reversed text, clean surfaces */

  /* ---- Accent (use sparingly, dark bg only) ---- */
  --wf-bolt-yellow: #F5C800;     /* Notifications, highlights, key metrics */

  /* ---- Tints & shades (derived, palette-locked) ---- */
  --wf-blue-700: #0A3A98;        /* Hover / pressed on Altitude Blue */
  --wf-blue-300: #6E97E2;        /* Subtle blue accents on dark */
  --wf-blue-100: #DCE6FB;        /* Blue-tinted surfaces, selected rows */
  --wf-gold-700: #C97E10;        /* Hover/pressed on Horizon Gold; the legible "gold ink" for large warm accents */
  --wf-gold-100: #FCEECF;        /* Gold-tinted surface wash */
  --wf-midnight-800: #141A2C;    /* Elevated dark surface */
  --wf-midnight-700: #1E2740;    /* Dark surface border / hairline */
  --wf-slate-300: #CBD3E0;       /* Light borders, dividers on white */
  --wf-slate-200: #E2E8F2;       /* Hairline dividers */

  /* ---- Semantic aliases ---- */
  --text-strong: var(--wf-midnight);
  --text-body: var(--wf-midnight);
  --text-muted: var(--wf-slate);
  --text-link: var(--wf-altitude-blue);
  --text-on-dark: var(--wf-white);
  --text-on-brand: var(--wf-white);

  --surface-page: var(--wf-cloudline);
  --surface-card: var(--wf-white);
  --surface-brand: var(--wf-altitude-blue);
  --surface-dark: var(--wf-midnight);
  --surface-dark-elevated: var(--wf-midnight-800);
  --surface-sunken: var(--wf-cloudline);
  --surface-selected: var(--wf-blue-100);

  --border-default: var(--wf-slate-200);
  --border-strong: var(--wf-slate-300);
  --border-dark: var(--wf-midnight-700);
  --border-focus: var(--wf-altitude-blue);

  --accent-energy: var(--wf-horizon-gold);
  --accent-highlight: var(--wf-bolt-yellow);

  /* ---- Status (derived from palette, kept restrained) ---- */
  --status-success: #1F8A5B;
  --status-warning: var(--wf-horizon-gold);   /* amber = caution, reads naturally */
  --status-danger: #CB3A2E;                   /* form errors / destructive — a controlled red, NOT the brand accent */
  --status-info: var(--wf-altitude-blue);
  --status-metric: var(--wf-bolt-yellow);

  /* ---- Brand sign: Lift Mark — the Formation (two chevrons in echelon) ---- */
  --brand-mark-color: var(--wf-altitude-blue);   /* mark default — Altitude Blue (legible on light; white on dark) */
  --brand-mark-accent: var(--wf-horizon-gold);   /* energy variant — Horizon Gold, for the mark on blue/dark surfaces */
  --brand-mark-stroke-ratio: 0.10;               /* @kind other */ /* 100 / 1000 canvas */

  /* ---- Deprecated aliases (kept so existing consumers don't break) ---- */
  --wf-ignition-orange: var(--wf-horizon-gold);  /* renamed → --wf-horizon-gold */
  --wf-orange-700: var(--wf-gold-700);           /* renamed → --wf-gold-700 */
  --wf-orange-100: var(--wf-gold-100);           /* renamed → --wf-gold-100 */
  --brand-lift-color: var(--wf-horizon-gold);    /* the mark is no longer an arc — see --brand-mark-* */
}