/* Clover — generated from tokens.json */
:root, [data-theme="light"] {
  --cream: #F5EDE0;
  --paper: #FBF7F0;
  --sand: #EADBC5;
  --kraft: #C9A57E;
  --line: #DCCBB3;
  --line-strong: #9C8069;
  --ink: #4B2E20;
  --ink-muted: #77584A;
  --blush: #EBCBC6;
  --rose: #9A4753;
  --sage: #566545;
  --sage-soft: #DCE2CF;
  --wine: #5C2230;
  --sun: #F2DDB0;
  --on-ink: #F5EDE0;
  --primary: var(--ink);
  --on-primary: var(--on-ink);
  --shadow-sm: 0 1px 2px #4b2e2014, 0 4px 12px #4b2e200f;
  --shadow-lg: 0 12px 30px -8px #4b2e2033, 0 30px 60px -20px #4b2e2026;
  --focus-ring: 0 0 0 2px #f5ede0, 0 0 0 4px #4b2e20;
}
[data-theme="dark"] {
  --cream: #2B1C15;
  --paper: #382419;
  --sand: #22160F;
  --kraft: #6B4E33;
  --line: #4E3426;
  --line-strong: #A48A76;
  --ink: #F3E8D8;
  --ink-muted: #CDB8A3;
  --blush: #4A2C2E;
  --rose: #E7A9B1;
  --sage: #B4C29E;
  --sage-soft: #2F3626;
  --wine: #C9788A;
  --sun: #5A4022;
  --on-ink: #2B1C15;
  --primary: var(--ink);
  --on-primary: var(--on-ink);
  --shadow-sm: 0 2px 6px #00000080;
  --shadow-lg: 0 24px 50px -12px #000000b3;
  --focus-ring: 0 0 0 2px #2b1c15, 0 0 0 4px #f3e8d8;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-full: 9999px;
  --font-script: Allison, "Segoe Script", "Brush Script MT", cursive;
  --font-body: Mali, "Nunito", ui-rounded, system-ui, sans-serif;
}
@font-face { font-family: "Allison"; src: url("fonts/Allison-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Mali"; src: url("fonts/Mali-300.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Mali"; src: url("fonts/Mali-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Mali"; src: url("fonts/Mali-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
.script-xl { font-family: var(--font-script); font-size: 160px; line-height: 150px; font-weight: 400; }
.script-lg { font-family: var(--font-script); font-size: 84px; line-height: 84px; font-weight: 400; }
.script-md { font-family: var(--font-script); font-size: 48px; line-height: 52px; font-weight: 400; }
.headline { font-family: var(--font-body); font-size: 48px; line-height: 58px; font-weight: 300; }
.descriptor { font-family: var(--font-body); font-size: 15px; line-height: 20px; font-weight: 300; letter-spacing: 0.24em; }
.lead { font-family: var(--font-body); font-size: 20px; line-height: 32px; font-weight: 300; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 26px; font-weight: 400; }
.item { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 600; }
.small { font-family: var(--font-body); font-size: 13px; line-height: 20px; font-weight: 400; }