:root{
  /* Color */
  --navy:#071d3a;
  --navy-700:#0a2b57;
  --muted:#66758a;
  --line:#e3edf8;
  --soft:#f6f9fd;
  --surface:#ffffff;
  --green:#0b8b69;
  --green-soft:#eafaf3;
  --red:#b42318;
  --red-soft:#fff0f0;
  --amber:#9a6500;
  --amber-soft:#fff8e8;

  /* Spacing scale */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:72px;

  /* Radius */
  --radius-sm:14px;
  --radius-md:18px;
  --radius-lg:22px;
  --radius-xl:28px;
  --radius-pill:999px;

  /* Shadow */
  --shadow-sm:0 10px 30px rgba(7,29,58,.04);
  --shadow-md:0 14px 34px rgba(7,29,58,.08);
  --shadow-lg:0 20px 64px rgba(7,29,58,.10);

  /* Type scale */
  --font-body:15px;
  --font-h1:clamp(32px,4.4vw,52px);
  --font-h2:clamp(26px,3.6vw,40px);
  --font-h3:20px;
  --font-small:13px;
  --line-height-base:1.75;
}