/* DESIGN TOKENS — every colour, shadow, radius and max-width in one place.
   Change a value here and it changes everywhere it is used.
   Used as var(--navy), var(--radius-lg) and so on. */

:root {
  --cream:#F8F2E9;
  --paper:#FFFDF9;
  --paper-2:#FBF7F1;
  --navy:#082A56;
  --navy-2:#0C376A;
  --ink:#082A56;
  --muted:#596D86;
  --peach:#FADCC8;
  --pink:#F8D5DA;
  --yellow:#FFD995;
  --sage:#7EC18F;
  --blue:#C8D8F2;
  --lav:#DDD1F4;
  --oat:#F1E6D6;
  --line:#E7DED2;
  --shadow:0 18px 60px rgba(15,42,78,.10);
  --shadow-soft:0 8px 26px rgba(15,42,78,.07);
  --radius-xl:34px;
  --radius-lg:24px;
  --radius-md:18px;
  --max:1180px;
}