:root {
  --navy: #00263A;
  --navy-soft: #0b3b56;
  --navy-deep: #001a28;
  --seafoam: #15a9b5;
  --seafoam-soft: #6fcdd4;
  --blue: #007CA8;
  --blue-soft: #4ba6c7;
  --white: #ffffff;
  --ceramic: #EAECE7;
  --ceramic-lite: #F4F4EF;
  --slate: #7C879E;
  --slate-soft: #a5adbe;
  --slate-deep: #4a5468;
  --black: #000000;
  --bg: var(--ceramic-lite);
  --bg-card: var(--white);
  --bg-deep: var(--navy);
  --ink: var(--navy);
  --ink-soft: var(--slate-deep);
  --ink-muted: var(--slate);
  --rule: #d8dde3;
  --rule-soft: #e5e9ee;
  --accent: var(--seafoam);
  --accent-blue: var(--blue);
  --hot: #d97706;
  --warm: var(--blue);
  --cool: var(--slate);
  --green: #15803d;

  --font-display: "Barlow Condensed", sans-serif;
  --font-body: "Figtree", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 28px;
  --space-3xl: 32px;
  --space-4xl: 36px;
  --space-5xl: 40px;
  --space-6xl: 48px;
  --space-7xl: 56px;
  --space-8xl: 60px;
  --space-9xl: 70px;
  --space-10xl: 80px;
  --space-11xl: 90px;
  --space-12xl: 100px;

  --page-max: 1180px;
  --shell-max: 1400px;
  --footer-max: 1320px;
  --section-padding: var(--space-7xl) var(--space-3xl) var(--space-12xl);
  --section-padding-tablet: var(--space-6xl) 26px var(--space-11xl);
  --section-padding-phone: var(--space-2xl) var(--space-md) var(--space-9xl);
  --footer-padding: var(--space-8xl) var(--space-6xl) var(--space-3xl);
  --radius-sharp: 2px;
}