/**
 * SOP.aero — Brand & product design tokens
 * Master reference: docs/DESIGN_SYSTEM.md
 * Approved logo: brand/logo-primary.png (shield v4 — fixed-wing + helicopter)
 */

:root {
  /* ── Brand identity (logo lockup) ── */
  --brand-navy: #1B2B4F;
  --brand-navy-deep: #0F2744;
  --brand-blue: #2E7BE8;
  --brand-blue-bright: #4A9AFF;
  --brand-grey: #7B8C9E;
  --brand-grey-light: #A0AAB8;
  --brand-silver: #B8C4D4;
  --brand-white: #FFFFFF;
  --brand-shield-blue: #1E5FAD;
  --brand-shield-blue-deep: #0D3A6E;

  --brand-font-display: 'Inter', system-ui, sans-serif;
  --brand-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --brand-weight-wordmark-bold: 800;
  --brand-weight-wordmark-light: 400;
  --brand-tracking-wordmark: -0.02em;
  --brand-tracking-tagline: 0.14em;
  --brand-size-tagline: 0.625rem;

  /* Header lockup — single asset, scale via height only */
  --brand-logo-height: 5.5rem;
  --brand-logo-height-lg: 6.25rem;
  --brand-logo-height-sm: 4.75rem;

  --brand-tagline: 'COMPLIANCE • CONFIDENCE • SAFETY';

  /* Dark UI lockup (header on void background) */
  --brand-text-on-dark: #E8ECF1;
  --brand-text-muted-on-dark: #A0AAB8;

  /* Asset paths (from site root) */
  --brand-logo-primary: url('/brand/logo-primary.png');
  --brand-logo-header: url('/brand/logo-header-dark.png');
  --brand-logo-mark: url('/brand/logo-mark.png');

  /* ── Product UI (cockpit / platform) ── */
  --bg-void: #0A0E14;
  --bg-base: #0F1419;
  --bg-surface: #151B26;
  --bg-surface-alt: #1A2132;
  --text-primary: #E8ECF1;
  --text-secondary: #A0AAB8;
  --text-tertiary: #6B7684;
  --text-inverse: #0A0E14;
  --accent-primary: #00D9FF;
  --accent-secondary: #FF6B35;
  --accent-tertiary: #00E676;
  --accent-glow: rgba(0, 217, 255, 0.15);
  --accent-glow-warm: rgba(255, 107, 53, 0.1);
  --border-default: #1F2A3A;
  --border-subtle: #151D2B;
  --status-safe: #4ADE80;
  --status-warning: #F5C401;

  --font-display: var(--brand-font-display);
  --font-body: var(--brand-font-display);
  --font-mono: var(--brand-font-mono);

  --ease-settle: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-snap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-standard: 600ms;
  --dur-fast: 200ms;
  --dur-breath: 4000ms;
}