/* Bruna Passaura — tokens */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=DM+Sans:wght@100..1000&display=swap");

:root {
  --surface-page: oklch(0.969 0.012 75);
  --surface-100: #f8f4ed;
  --surface-200: #e9ddcd;
  --surface-card: oklch(0.985 0.009 75);
  --surface-paper: #fffdf9;
  --surface-deep: #4a3425;
  --surface-espresso: #3b281c;
  --ink: #392a21;
  --ink-body: oklch(0.25 0.028 60);
  --ink-soft: #654d3c;
  --ink-muted: #765f4e;
  --ink-inverse: #fffaf2;
  --brand: oklch(0.34 0.043 58);
  --brand-foreground: oklch(0.98 0.01 75);
  --accent-caramel: #8d674e;
  --accent-eyebrow: #9a7359;
  --accent-sand: #f2d9ba;
  --accent-gold: #e6c69b;
  --accent-latte: #c3a487;
  --secondary: oklch(0.895 0.03 72);
  --muted: oklch(0.922 0.02 72);
  --border: oklch(0.79 0.034 71);
  --hairline: #cdbba7;
  --hairline-soft: #e0d1bd;
  --ring: oklch(0.55 0.07 62);
  --danger: oklch(0.577 0.245 27.325);
  --legacy-taupe: #c9aa94;
  --space-3: 12px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-none: 0px;
  --radius-legacy: 3px;
  --radius-full: 9999px;
  --measure-text: 672px;
  --measure-content: 1152px;
  --font-serif: "Cormorant Garamond", Georgia, serif;
  --font-sans: "DM Sans", Arial, sans-serif;
}

.display-italic { font-family: var(--font-serif); font-size: 72px; line-height: 1; font-weight: 400; font-style: italic; }
.serif-title { font-family: var(--font-serif); font-size: 36px; line-height: 1.1; font-weight: 400; font-style: italic; }
.h1 { font-family: var(--font-sans); font-size: 42px; line-height: 0.98; font-weight: 300; letter-spacing: -0.045em; }
.h2 { font-family: var(--font-sans); font-size: 36px; line-height: 0.97; font-weight: 300; letter-spacing: -0.055em; }
.h3 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 300; letter-spacing: -0.03em; }
.lead { font-family: var(--font-sans); font-size: 17px; line-height: 1.375; font-weight: 300; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 1.625; font-weight: 400; }
.eyebrow { font-family: var(--font-sans); font-size: 10px; line-height: 15px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; }
.button-label { font-family: var(--font-sans); font-size: 10px; line-height: 15px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; }