@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600&family=Spectral:ital,wght@0,300;0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap");
html:root {
  --background: 40.9 47.8% 91%;
  --foreground: 28.4 28.4% 13.1%;
  --card: 42.4 68% 95.1%;
  --card-foreground: 28.4 28.4% 13.1%;
  --popover: 42.4 68% 95.1%;
  --popover-foreground: 28.4 28.4% 13.1%;
  --primary: 345 60.9% 18%;
  --primary-foreground: 40.9 52.4% 91.8%;
  --secondary: 41.8 42.9% 84.9%;
  --secondary-foreground: 345 60.9% 18%;
  --muted: 41.1 41.3% 82%;
  --muted-foreground: 35.7 24.4% 33.7%;
  --accent: 41.4 47.3% 46.9%;
  --accent-foreground: 345 64.3% 11%;
  --destructive: 5 61.4% 34.5%;
  --destructive-foreground: 40.9 52.4% 91.8%;
  --border: 40 39.3% 71.6%;
  --input: 40 36.5% 62.9%;
  --ring: 41.4 47.3% 46.9%;
  --radius: 0.25rem;
  --font-heading: "Cormorant Garamond", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Spectral", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --shadow-sm: 0 1px 2px rgb(74 18 32 / 0.08);
  --shadow-md: 0 8px 20px -12px rgb(74 18 32 / 0.28);
  --shadow-lg: 0 28px 56px -32px rgb(46 10 19 / 0.42);
}
html body { font-family: var(--font-body); }
html h1, html h2, html h3, html h4, html h5, html h6, html .font-heading, html .font-display { font-family: var(--font-heading); }
html .font-sans, html .font-body { font-family: var(--font-body); }
html .font-mono { font-family: var(--font-mono); }