/* Design tokens — extracted 1:1 from Figma variables (Ksenia Ivanova, node 1:48) */
:root {
  /* Surface */
  --surface-page: #fdfdf8;
  --surface-section: #f1f2e2;
  --surface-subtle: #f0f0df;
  --surface-control: #fefef3;
  --surface-card: #ffffff;
  --surface-card-muted: #aaa89c;
  --surface-image-overlay: rgba(92, 86, 83, 0.58); /* #5c565394 */

  /* Text */
  --text-primary: #35302e;
  --text-secondary: #817f73;
  --text-muted: #aaa89c;
  --text-accent: #786f39;
  --text-inverse: #ffffff;
  --text-decorative: #dedccd;

  /* Action */
  --action-primary: #8d9776;
  --action-secondary: #f0f0df;
  --action-neutral: #ffffff;

  /* Border */
  --border-default: #aaa89c;
  --border-subtle: #d9d9d9;
  --border-accent: #786f39;
  --border-brand: #8d9776;
  --border-divider: #dedccd;

  /* Icon */
  --icon-primary: #786f39;

  /* Spacing */
  --space-0: 0;
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-64: 64px;

  /* Radius */
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-20: 20px;
  --radius-26: 26px;
  --radius-40: 40px;

  /* Font families */
  --font-serif: "Forum", "Times New Roman", serif;
  --font-sans: "Tilda Sans VF", "Tilda Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hand: "Festus", "Segoe Script", cursive;

  /* Font sizes (Figma text styles) */
  --fs-display-footer: 156px;
  --fs-display-numeral: 80px;
  --fs-heading-section: 44px;
  --fs-heading-hero: 36px;
  --fs-heading-name: 28px;
  --fs-handwritten: 24px;
  --fs-body-lg: 20px;
  --fs-body-sm: 16px;
  --fs-label: 16px;
  --fs-caption: 14px;
  --fs-button: 14px;

  /* Layout */
  --page-max: 2000px;
  --page-inset: 10px;      /* sections sit 10px from the viewport edge */
  --content-max: 1280px;
}