/* ==========================================================================
   WynPhos Design System — Design Tokens (canonical source of truth)
   Edit here only. scripts/sync-ui.sh copies this into every deploy target.
   Palette + type carried from the original brand identity.
   ========================================================================== */
:root {
  /* Brand — navy scale */
  --navy: #0D1F3C;
  --navy-mid: #1A3260;
  --navy-light: #2A4A8A;
  --slate: #4A6080;
  --slate-light: #7A96B8;

  /* Neutrals / surfaces */
  --ice: #EEF3F9;
  --ice-mid: #D8E6F2;
  --white: #FFFFFF;
  --surface: #F7FAFE;

  /* Accent — signal blue */
  --accent: #1B6FD4;
  --accent-hover: #1558B0;
  --accent-light: #EBF3FF;
  --accent-subtle: #C8DFFB;

  /* Supporting */
  --teal: #0F7B6C;
  --teal-light: #E3F5F2;
  --amber: #95620E;
  --amber-light: #FDF4E3;

  /* Text */
  --text-primary: #0D1F3C;
  --text-secondary: #4A6080;
  --text-muted: #5E7899;

  /* Borders */
  --border: #D0DCEA;
  --border-light: #E8EFF7;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* Type */
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(13, 31, 60, 0.06);
  --shadow-md: 0 4px 16px rgba(13, 31, 60, 0.08);
  --shadow-lg: 0 12px 40px rgba(13, 31, 60, 0.12);

  /* Layout */
  --maxw: 1120px;
  --header-h: 64px;
}