:root {
  --color-ink: #061638;
  --color-ink-2: #0d2855;
  --color-muted: #64748b;
  --color-navy: #000818;
  --color-navy-2: #00143c;
  --color-blue: #034aa4;
  --color-cyan: #20a9df;
  --color-teal: #17b7a3;
  --color-gold: #f3b33d;
  --color-green: #16a36a;
  --color-orange: #f59e0b;
  --color-surface: #ffffff;
  --color-soft: #f4f8fd;
  --color-line: #dbe6f4;
  --shadow-sm: 0 8px 24px rgba(7, 31, 78, .08);
  --shadow-md: 0 18px 45px rgba(7, 31, 78, .13);
  --shadow-lg: 0 34px 90px rgba(0, 22, 64, .24);
  --radius: 8px;
  --radius-sm: 6px;
  --container-gap: clamp(58px, 7vw, 96px);
}