/* =====================================================================
   THEME · BOTANICAL — sage green, leaf motifs, organic curves
   ===================================================================== */

[data-theme="botanical"] {
    --bg: #F0EDE2;
    --bg-alt: #E3E5D5;
    --bg-card: #F7F5EB;
    --fg: #2D3A26;
    --fg-muted: #6B7A62;
    --accent: #5C7A48;
    --accent-dark: #435935;
    --accent-contrast: #F7F5EB;
    --accent-glow: rgba(92, 122, 72, 0.25);
    --border: rgba(45, 58, 38, 0.15);

    --font-head: "Libre Caslon Text", "Cormorant Garamond", serif;
    --font-body: "Libre Franklin", system-ui, serif;
    --font-weight-head: 400;

    --radius: 18px;
    --radius-sm: 10px;
    --stroke: 1px;
    --density: 1.2;
    --section-pad: clamp(3.5rem, 9vw, 7rem);
    --photo-filter: saturate(0.95) sepia(0.05);
    --shadow-card: 0 2px 0 rgba(45,58,38,0.06), 0 10px 30px rgba(45,58,38,0.08);
    --btn-shape: 999px;
}

/* Leaf motif SVG background in hero corners */
[data-theme="botanical"] body::before {
    content: "";
    position: fixed; inset: 0; pointer-events: none; z-index: 0;
    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='240' viewBox='0 0 200 240'><g fill='none' stroke='%235C7A48' stroke-width='1' opacity='0.18'><path d='M60 10 Q 80 60 60 120 Q 40 60 60 10 Z' fill='%235C7A48' fill-opacity='0.08'/><path d='M60 60 L 60 120'/><path d='M140 80 Q 160 130 140 200 Q 120 130 140 80 Z' fill='%235C7A48' fill-opacity='0.08'/><path d='M140 130 L 140 200'/></g></svg>");
    background-repeat: repeat;
    background-size: 240px 280px;
    opacity: 0.4;
}

/* Hero — add ornate serif drop cap feel */
[data-theme="botanical"] .hero h1 {
    font-family: "Libre Caslon Text", "Cormorant Garamond", serif;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.005em;
}
[data-theme="botanical"] .hero-inner { position: relative; z-index: 1; }

/* Section dividers: small leaf */
[data-theme="botanical"] .section + .section::before {
    content: "❦";
    position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
    color: var(--accent);
    font-size: 1.5rem;
    opacity: 0.6;
}
[data-theme="botanical"] .section { position: relative; }

/* Cards — organic rounded with soft shadow */
[data-theme="botanical"] .card,
[data-theme="botanical"] .paket,
[data-theme="botanical"] .work-card,
[data-theme="botanical"] .faq-item {
    background: #F7F5EB;
    border: 1px solid rgba(45,58,38,0.1);
    border-radius: 18px;
    box-shadow: 0 2px 0 rgba(45,58,38,0.04), 0 12px 32px rgba(45,58,38,0.08);
}

/* Buttons — rounded, serif-y */
[data-theme="botanical"] .btn-primary {
    background: var(--accent);
    color: #F7F5EB;
    border-radius: 999px;
    font-family: var(--font-body);
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 1rem 1.9rem;
}
[data-theme="botanical"] .btn-secondary {
    background: transparent; color: var(--fg);
    border: 1px solid rgba(45,58,38,0.4); border-radius: 999px;
}

[data-theme="botanical"] .section-eyebrow::before { content: "❦ "; }
[data-theme="botanical"] .section-eyebrow,
[data-theme="botanical"] .hero-eyebrow {
    font-style: italic;
    color: var(--accent);
    letter-spacing: 0.1em;
}

/* Tile */
.tile-preview[data-theme="botanical"] {
    background: linear-gradient(160deg, #F0EDE2, #E3E5D5);
    color: #2D3A26;
}
.tile-preview[data-theme="botanical"] .tile-head {
    font-family: "Libre Caslon Text", serif;
    font-style: italic;
    font-weight: 400;
}
.tile-preview[data-theme="botanical"] .tile-dot { background: #5C7A48; }