:root{
  /* === Blue (navy): authority, trust === */
  --color-primary-50: #edf1f7;
  --color-primary-100: #dbe3ef;
  --color-primary-500: #1B3A6B;
  --color-primary-700: #122850;
  --color-primary-900: #0A1833;

  /* === Red: action, energy === */
  --color-accent-100: #fde0e0;
  --color-accent-400: #D40000;
  --color-accent-600: #A80000;

  /* === Neutrals === */
  --color-neutral-bg: #ffffff;
  --color-neutral-surface: #f5f6f8;
  --color-neutral-border: #dfe1e6;
  --color-neutral-text: #111213;
  --color-neutral-mutedText: #44474f;

  /* === Semantic === */
  --color-semantic-info: #1B3A6B;
  --color-semantic-success: #18c07a;
  --color-semantic-warning: #f6a500;
  --color-semantic-danger: #D40000;

  /* === Dark (contact section, dark contexts) === */
  --color-dark-bg: #0b0b0b;
  --color-dark-surface: #141414;
  --color-dark-border: #222428;
  --color-dark-text: #f7f7f7;
  --color-dark-mutedText: #d6dae3;

  /* === Typography === */
  --typography-heading-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --typography-heading-weights: [700, 800];
  --typography-heading-scale-h1: 56;
  --typography-heading-scale-h2: 40;
  --typography-heading-scale-h3: 26;
  --typography-body-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --typography-body-size: 17;
  --typography-body-lineHeight: 1.55;
  --typography-aux-caption: 12;
  --typography-aux-code: 14;

  /* === Spacing === */
  --spacing-scale: [8, 12, 16, 24, 32, 48, 64, 96];
  --radius-sm: 6;
  --radius-md: 10;
  --radius-lg: 14;
  --radius-xl: 20;
  --shadow-sm: 0 10px 26px rgba(0,0,0,.10);
  --shadow-md: 0 16px 42px rgba(0,0,0,.14);
  --shadow-lg: 0 28px 64px rgba(0,0,0,.18);

  /* === Interactive: links = blue, buttons = red === */
  --interactive-link-default: #1B3A6B;
  --interactive-link-hover: #122850;
  --interactive-link-focus: outline 3px solid #D40000;
  --interactive-buttonPrimary-bg: #D40000;
  --interactive-buttonPrimary-text: #ffffff;
  --interactive-buttonPrimary-hoverBg: #A80000;
  --interactive-buttonPrimary-disabledBg: #fde0e0;
  --interactive-focusRing-outline: #D40000;
  --interactive-focusRing-offset: 2;

  /* === Accessibility === */
  --a11y-minContrast: AA;
  --a11y-minTarget: 44x44;
  --a11y-reducedMotion: true;

  /* === Motion === */
  --motion-duration-fast: 120;
  --motion-duration-base: 180;
  --motion-duration-slow: 240;
  --motion-easing: cubic-bezier(0.2,0,0,1);

  /* === Layout === */
  --layout-container-sm: 640;
  --layout-container-md: 768;
  --layout-container-lg: 1024;
  --layout-container-xl: 1280;
  --layout-grid-columns: 12;
  --layout-grid-gutter: 24;
  --breakpoints-sm: 480;
  --breakpoints-md: 768;
  --breakpoints-lg: 1024;
  --breakpoints-xl: 1280;
  --breakpoints-2xl: 1536;

  /* === Z-index === */
  --zIndex-base: 0;
  --zIndex-dropdown: 1000;
  --zIndex-sticky: 1020;
  --zIndex-modal: 1100;
  --zIndex-popover: 1200;
  --zIndex-tooltip: 1300;

  /* === Borders === */
  --border-width-hairline: 1;
  --border-width-thin: 2;
  --border-style: solid;
  --opacity-disabled: 0.5;
  --opacity-muted: 0.72;
}