/* Figma design tokens */
:root {
  --color-ink-black: #000000;
  --color-paper-white: #ffffff;
  --color-soft-mist: #e2e2e2;
  --color-graphite: #595959;
  --color-electric-indigo: #4d49fc;
  --color-figma-cyan: #00b6ff;
  --color-figma-green: #24cb71;
  --color-figma-orange: #ff7237;
  --color-lime-wash: #e4ff97;
  --color-lilac: #c4baff;
  --color-blush: #ffc9c1;
  --color-aqua-mist: #c7f8fb;
  --color-earworm-teal: #33dfdf;
  --color-mustard: #b98e01;
  --font-caption: figmaMono, ui-monospace, monospace;
  --text-caption: 12px;
  --leading-caption: 1.3;
  --tracking-caption: 0.48px;
  --weight-caption: 400;
  --font-body-sm: figmaSans, Inter, sans-serif;
  --text-body-sm: 16px;
  --leading-body-sm: 1.45;
  --tracking-body-sm: -0.11px;
  --weight-body-sm: 330;
  --font-body: figmaSans, Inter, sans-serif;
  --text-body: 18px;
  --leading-body: 1.4;
  --tracking-body: -0.18px;
  --weight-body: 400;
  --font-heading: figmaSans, Inter, sans-serif;
  --text-heading: 24px;
  --leading-heading: 1.35;
  --tracking-heading: -0.24px;
  --weight-heading: 340;
  --font-heading-lg: figmaSans, Inter, sans-serif;
  --text-heading-lg: 56px;
  --leading-heading-lg: 1.1;
  --tracking-heading-lg: -0.84px;
  --weight-heading-lg: 320;
  --font-display: figmaSans, Inter, sans-serif;
  --text-display: 72px;
  --leading-display: 1.1;
  --tracking-display: -1.44px;
  --weight-display: 320;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-60: 60px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-120: 120px;
  --spacing-180: 180px;
  --radius-icons: 2px;
  --radius-tags: 8px;
  --radius-cards: 16px;
  --radius-buttons: 50px;
  --shadow-xl: rgba(0, 0, 0, 0.1) 0px 24px 70px 0px;
}