:root {
  /* Brand navy */
  --fc-navy-900: #07172A;
  --fc-navy-800: #0B1F33;
  --fc-navy-700: #132C44;
  --fc-navy-600: #1E3B57;
  --fc-navy-500: #2A4B6B;

  /* Slate */
  --fc-slate-700: #3A556A;
  --fc-slate-500: #566E83;
  --fc-slate-400: #7B8FA1;
  --fc-slate-300: #A9B6C2;
  --fc-slate-200: #CCD4DC;
  --fc-slate-100: #E5E9EE;
  --fc-slate-50:  #F3F5F7;

  /* Orange */
  --fc-orange-700: #C75E12;
  --fc-orange-600: #E57016;
  --fc-orange-500: #F97316;
  --fc-orange-400: #FB8F3F;
  --fc-orange-100: #FEE7D4;
  --fc-orange-50:  #FFF4EB;

  /* Semantic */
  --fc-success-500: #2E7D5B;
  --fc-warning-500: #B8800F;
  --fc-danger-500:  #B33A2B;
  --fc-info-500:    #2F6FB5;

  /* Role tokens */
  --fg-primary:    #0B1F33;
  --fg-secondary:  #3A556A;
  --fg-tertiary:   #7B8FA1;
  --fg-inverse:    #FFFFFF;
  --fg-accent:     #F97316;

  --bg-canvas:       #F3F5F7;
  --bg-surface:      #FFFFFF;
  --bg-surface-alt:  #F9FAFB;
  --bg-inverse:      #0B1F33;
  --bg-inverse-alt:  #07172A;

  --border-subtle:  #E5E9EE;
  --border-default: #CCD4DC;
  --border-strong:  #A9B6C2;
  --border-inverse: #1E3B57;

  /* Compatibility: retained legacy aliases used by older stylesheet rules */
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #F3F5F7;
  --ink: #0B1F33;
  --ink-soft: #3A556A;
  --ink-muted: #7B8FA1;
  --line: #E5E9EE;
  --line-strong: #A9B6C2;
  --hero-bg: #0B1F33;
  --hero-bg-2: #07172A;
  --accent: #F97316;
  --accent-dark: #C75E12;
  --accent-soft: #FEE7D4;
  --steel: #3A556A;
  --industrial: #F97316;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* Radii */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;
  --radius: 6px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(11,31,51,.06), 0 1px 0 rgba(11,31,51,.02);
  --shadow-md: 0 2px 4px rgba(11,31,51,.06), 0 4px 12px rgba(11,31,51,.04);
  --shadow-lg: 0 8px 24px rgba(11,31,51,.08), 0 2px 6px rgba(11,31,51,.04);
  --shadow: 0 2px 4px rgba(11,31,51,.06), 0 4px 12px rgba(11,31,51,.04);

  --max: 1200px;
}