/* ==========================================================================
   Hacienda Design System — design tokens
   Mirrored verbatim from claude.ai/design project
   1a5c7364-eeb1-42f4-ac14-8d9c022c6065 (_ds/hacienda-design-system-…/tokens)
   Do not hand-edit values here. Change them in the design system and re-sync.
   ========================================================================== */

/* --- fonts -------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Poppins:wght@300;400;500;600;700&display=swap');

/* --- color -------------------------------------------------------------- */
:root {
  --ink: #18140f;
  --ink-soft: #2b241c;
  --paper: #f4ede1;
  --paper-warm: #ede2d0;
  --stone: #b7ab98;
  --stone-line: #d8cdb9;
  --rust: #c1592e;
  --rust-dark: #9c4423;
  --rust-tint: #eecabb;
  --teal: #1f4e49;
  --teal-tint: #a9c7bd;
  --sage: #a9c2a4;
  --coral: #e7a488;
  --brown: #6b4632;
  --cream-card: #faf6ed;
  --text-on-ink: #f4ede1;
  --text-on-paper: #211b14;
  --text-muted: #6d6154;
  --surface-ink: var(--ink);
  --surface-paper: var(--paper);
  --surface-card: var(--cream-card);
  --surface-card-dark: var(--ink-soft);
  --border-hairline: var(--stone-line);
  --accent-primary: var(--rust);
  --accent-secondary: var(--teal);
  --link: var(--rust-dark);
  --link-hover: var(--rust);
  --shadow-card: 0 1px 2px rgba(24, 20, 15, .06), 0 8px 24px rgba(24, 20, 15, .08);
  --shadow-card-dark: 0 12px 32px rgba(0, 0, 0, .35);
}

/* --- typography --------------------------------------------------------- */
:root {
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Poppins', Avenir, 'Segoe UI', sans-serif;
  --font-impact: 'Anton', 'Poppins', sans-serif;
  --text-display-1: clamp(48px, 6vw, 96px);
  --text-display-2: clamp(34px, 4vw, 60px);
  --text-h1: clamp(28px, 3vw, 40px);
  --text-h2: 22px;
  --text-h3: 17px;
  --text-body: 16px;
  --text-small: 13px;
  --text-eyebrow: 12px;
  --lh-tight: 1.05;
  --lh-heading: 1.2;
  --lh-body: 1.6;
  --tracking-eyebrow: .14em;
  --tracking-wide: .04em;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}

/* --- space and shape ---------------------------------------------------- */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-card: 6px;
  --radius-pill: 999px;
  --container-max: 1200px;
  --border-hairline-w: 1px;
}