/*
  Theme source: anthropics/skills -> theme-factory -> botanical-garden
  Palette:
  Fern Green: #4a7c59
  Marigold: #f9a620
  Terracotta: #b7472a
  Cream: #f5f3ed
*/

:root[data-theme="botanical-garden"] {
  --font-heading: "DejaVu Serif", "Sora", Georgia, serif;
  --font-body: "DejaVu Sans", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bg: #f5f3ed;
  --bg-soft: #eef3ec;
  --ink: #1f3325;
  --muted: #4f6a56;
  --primary: #4a7c59;
  --primary-dark: #325b41;
  --accent: #f9a620;
  --line: rgba(74, 124, 89, 0.2);
  --glass: rgba(255, 255, 255, 0.78);
  --shadow-xl: 0 28px 72px rgba(39, 72, 52, 0.14);
  --shadow-md: 0 12px 30px rgba(39, 72, 52, 0.11);
}

:root[data-theme="botanical-garden"] body {
  background:
    radial-gradient(920px 520px at 85% -10%, rgba(74, 124, 89, 0.2), transparent 65%),
    radial-gradient(1000px 540px at -15% 25%, rgba(249, 166, 32, 0.15), transparent 62%),
    linear-gradient(160deg, #f5f3ed 0%, #f3f6ef 36%, #edf3ea 100%);
}

:root[data-theme="botanical-garden"] .brand-mark {
  background: linear-gradient(140deg, #4a7c59, #2f5d41);
}

:root[data-theme="botanical-garden"] .chip {
  background: rgba(74, 124, 89, 0.16);
  color: #244935;
  border-color: rgba(74, 124, 89, 0.34);
}

:root[data-theme="botanical-garden"] .hero-main::after {
  background: radial-gradient(circle, rgba(183, 71, 42, 0.22), transparent 70%);
}

:root[data-theme="botanical-garden"] .cta-box {
  background:
    radial-gradient(circle at 12% 14%, rgba(183, 71, 42, 0.14), transparent 33%),
    radial-gradient(circle at 86% 90%, rgba(74, 124, 89, 0.2), transparent 44%),
    rgba(255, 255, 255, 0.78);
}