:root {
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --color-ink: #17191B;
  --color-background: #F6F7F6;
  --color-focus: #2BA8E8;
  --radius-control: 2px;
  --space-section: 40px;
  --brand-blue: #2BA8E8;
  --brand-blue-dark: #177FB8;
  --brand-blue-soft: #DCEFFA;
  --graphite: #333333;
  --ink: #17191B;
  --charcoal: #24272A;
  --steel: #727A80;
  --line: #D8DDE0;
  --paper: #F6F7F6;
  --paper-2: #ECEFEE;
  --white: #FFFFFF;
  --max: 1440px;

  /* Chrome palette, elevation and type scale (header / footer upgrade). */
  --navy: #0D1B24;
  --navy-2: #142A36;
  --navy-line: rgba(255, 255, 255, 0.14);
  --blue: #2BA8E8;
  --blue-deep: #167FB9;
  --blue-wash: #EAF4FC;
  --shadow-card: 0 1px 2px rgba(13, 27, 36, 0.05), 0 18px 40px -24px rgba(13, 27, 36, 0.35);
  --shadow-lift: 0 2px 4px rgba(13, 27, 36, 0.06), 0 28px 60px -28px rgba(13, 27, 36, 0.4);
  --radius-card: 6px;
  --container: min(1440px, calc(100% - 72px));
  --container-narrow: min(1120px, calc(100% - 72px));
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-display: clamp(42px, 5vw, 82px);
  --fs-h2: clamp(28px, 3vw, 44px);
  --fs-h3: clamp(18px, 1.4vw, 21px);
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-label: 11.5px;
  --block: clamp(64px, 8vw, 120px);
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
}