/* Shared design tokens. Font files must be supplied separately. */
:root {
  /* Colors */
  --color-parchment: #d8cbb8;
  --color-linen: #bfb4a3;
  --color-warm-stone: #b6ab9c;
  --color-walnut: #978e81;
  --color-espresso: #615b53;
  --color-onyx-warm: #2c2c2c;
  --color-midnight-roast: #292622;
  --color-saffron-glow: #d49653;

  /* Typography — Font Families */
  --font-tt-ramillas-variable: 'TT Ramillas Variable', 'Cormorant Garamond', Georgia, serif;
  --font-satoshi: 'Satoshi', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Typography — Scale */
  --text-caption: 13px;
  --leading-caption: 1.3;
  --tracking-caption: -0.143px;
  --text-body: 15px;
  --leading-body: 1.4;
  --tracking-body: -0.15px;
  --text-body-lg: 26px;
  --leading-body-lg: 1.2;
  --tracking-body-lg: -0.156px;
  --text-subheading: 42px;
  --leading-subheading: 1;
  --tracking-subheading: -1.68px;
  --text-heading-sm: 50px;
  --leading-heading-sm: 0.9;
  --tracking-heading-sm: -1.5px;
  --text-heading: 65px;
  --leading-heading: 0.85;
  --tracking-heading: -2.6px;
  --text-heading-lg: 69px;
  --leading-heading-lg: 0.9;
  --tracking-heading-lg: -2.76px;
  --text-display: 115px;
  --leading-display: 0.8;
  --tracking-display: -4.6px;

  /* Typography — Weights */
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  /* Spacing */
  --spacing-4: 4px;
  --spacing-5: 5px;
  --spacing-6: 6px;
  --spacing-7: 7px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-17: 17px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-42: 42px;
  --spacing-92: 92px;
  --spacing-206: 206px;

  /* Layout */
  --page-max-width: 1440px;
  --section-gap: clamp(120px, 11.11vw, 160px);
  --card-padding: 28px;
  --element-gap: clamp(12px, 1.11vw, 16px);

  /* Border Radius */
  --radius-sm: 3px;

  /* Named Radii */
  --radius-tags: 3px;
  --radius-cards: 0px;
  --radius-inputs: 3px;
  --radius-buttons: 3px;

  /* Surfaces */
  --surface-parchment-canvas: #d8cbb8;
  --surface-linen: #bfb4a3;
  --surface-midnight-roast: #292622;
  --surface-onyx-warm: #2c2c2c;
}