@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9144,400;0,9144,500;0,9144,600;0,9144,700;1,9144,400;1,9144,600&family=Inter:wght@400;500;600;700&display=swap");
html:root {
  --background: 33.3 52.9% 96.7%;
  --foreground: 30 3.4% 22.7%;
  --card: 0 0% 100%;
  --card-foreground: 30 3.4% 22.7%;
  --primary: 14.7 51.4% 43.5%;
  --primary-foreground: 21.4 100% 97.3%;
  --secondary: 120 18.6% 88.4%;
  --secondary-foreground: 144 12.6% 23.3%;
  --muted: 346.2 41.9% 93.9%;
  --muted-foreground: 25.7 10.6% 39%;
  --accent: 345.6 43.9% 88.8%;
  --accent-foreground: 345 12.1% 25.9%;
  --destructive: 3.2 71.3% 41%;
  --destructive-foreground: 5.5 100% 97.8%;
  --border: 30 31.2% 87.5%;
  --input: 30 28.6% 83.5%;
  --ring: 14.7 51.4% 43.5%;
  --radius: 1rem;
  --font-heading: "Fraunces", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --shadow-sm: 0 1px 2px 0 rgba(108, 76, 62, 0.05);
  --shadow-md: 0 12px 30px -12px rgba(108, 76, 62, 0.16), 0 2px 6px -2px rgba(108, 76, 62, 0.06);
  --shadow-lg: 0 30px 60px -28px rgba(108, 76, 62, 0.28), 0 8px 20px -12px rgba(108, 76, 62, 0.10);
}
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); }