/**
 * Global iTS brand tokens — Global_iTS_Brand_Guidelines_2026
 * Single source of truth for dashboard, boot shell, and PDF export.
 *
 * Shape system: buttons/inputs 6px (--radius-sm), cards 8–12px (--radius-md/lg)
 * Accent: orange only. Neutrals: cool navy-tinted grays (mist/slate).
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@400;500;600;700&display=swap');

:root {
  /* Core palette */
  --navy: #12244F;
  --navy-deep: #07132C;
  --harbour: #1E3A6B;
  --horizon: #5C8CC4;
  --mist: #DBE3EF;
  --orange: #F9773B;
  --ember: #C44A1D;
  --apricot: #FFB07A;
  --sand: #F5E9D7;
  --slate: #2A2E3A;
  --white: #FFFFFF;

  --navy-light: var(--harbour);
  --accent: var(--orange);
  --accent-light: var(--mist);

  /* RAG / status (brand-adjacent) */
  --green: #1a8754;
  --green-bg: #e6f4ed;
  --green-soft: #4caf82;
  --amber: #b8860b;
  --amber-bg: #fef6e0;
  --red: #c0392b;
  --red-bg: #fdecea;
  --red-soft: #e57373;

  /* Neutrals */
  --gray-100: var(--sand);
  --gray-200: var(--mist);
  --gray-400: #adb5bd;
  --gray-600: #6c757d;
  --gray-800: var(--slate);
  --text-primary: #1a2332;
  --text-muted: #5a6478;
  --border-subtle: #e8ecf2;
  --surface-elevated: #f8fafc;
  --surface-muted: #fafbfc;

  /* Typography */
  --font-display: "Poppins", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "SF Mono", "Cascadia Code", "Segoe UI Mono", ui-monospace, monospace;

  /* Elevation (navy-tinted shadows) */
  --shadow: 0 2px 12px rgba(18, 36, 79, 0.08);
  --shadow-md: 0 4px 20px rgba(18, 36, 79, 0.12);
  --shadow-lg: 0 8px 32px rgba(18, 36, 79, 0.14);

  /* Shape */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius: var(--radius-md);

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Motion (emil-design-eng) */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --duration-press: 160ms;
  --duration-ui: 200ms;
  --duration-enter: 240ms;
  --focus-ring: 0 0 0 3px rgba(249, 119, 59, 0.35);

  /* Layers */
  --z-base: 1;
  --z-sticky: 10;
  --z-overlay: 100;

  /* Theme chrome */
  --theme-color: #12244F;
}