:root {
  --color-studio-cream: #f2f0e9;
  --color-paper-white: #ffffff;
  --color-ink-black: #141212;
  --color-pencil-gray: #a1a0a0;
  --color-sage-wash: #dde5d8;
  --color-studio-ivory: #d7d7c8;
  --color-cobalt-command: #3051a8;
  --color-forest-ink: #3f593d;
  --color-marigold: #f89c35;
  --color-buttercup: #df1b2b;
  --color-cobalt-pop: #0159bd;
  --color-terracotta: #863a29;
  --color-rose-clay: #ed93af;
  --color-rust: #a0674f;
  --color-wheat: #b99572;
  --color-saffron: #d8c660;
  --color-olive-stone: #a9ab72;
  --color-linen-blush: #dcc5bd;
  --color-stone: #c7b8ab;

  --font-display: 'Noto Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: 'Noto Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  --text-mono-detail: 12px;
  --text-body-sm: 15px;
  --text-body: 16px;
  --text-subheading: 18px;
  --text-display: clamp(40px, 8vw, 64px);

  --leading-mono-detail: 1.2;
  --leading-body-sm: 1.45;
  --leading-subheading: 1.55;
  --leading-display: 1.03;

  --tracking-display: -0.025em;
  --tracking-tight: 0;

  --spacing-8: 8px;  --spacing-10: 10px; --spacing-12: 12px; --spacing-14: 14px;
  --spacing-16: 16px; --spacing-20: 20px; --spacing-24: 24px; --spacing-30: 30px;
  --spacing-32: 32px; --spacing-40: 40px; --spacing-64: 64px; --spacing-72: 72px;
  --spacing-90: 90px; --spacing-101: 101px; --spacing-180: 180px; --spacing-214: 214px;

  --radius-cards: 12px;
  --radius-buttons: 5px;
  --radius-pills: 100px;

  --page-max-width: 1808px;

  --duration-fast: 120ms;
  --duration-default: 200ms;
  --duration-slow: 320ms;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}