/**
 * Herbica Design Tokens & UI/UX Styling
 * Conforme cu Ghidul Oficial de Identitate de Brand Herbica 2026.
 *
 * Paleta Cromatică Oficială:
 * - Forest Green:    #0F4D2E  (Verde de pădure botanic – Culoarea primară semnătură)
 * - Deep Forest:     #103F2A  (Verde profund – Fundaluri întunecate, footer, suprafețe de contrast)
 * - Sage:            #8CA986  (Verde salvie – Accente secundare, borduri fine, tag-uri botanie)
 * - Soft Olive:      #A7B37E  (Măsliniu deschis – Accente calde, etichete și elemente informative)
 * - Warm Cream:      #FDF8ED  (Crem cald – Fundal organic de inspirație apotecară, reduce asprimea albului pur)
 * - Botanical Gold:  #D4AF6B  (Auriu botanic – Stele recenzii, elemente premium)
 * - Terracotta:      #C46745  (Teracotă – Avertismente, precauții, contraindicații, căldură pământie)
 * - Natural Beige:   #D7C3A8  (Bej natural – Borduri calde, separatoare, fundaluri neutre)
 *
 * Tipografie:
 * - Titluri: Cormorant Garamond / Georgia (serif)
 * - Interfață & Corp: Inter / Arial (sans-serif)
 */

:root {
    color-scheme: light;
    /* ── Swatch-uri de bază Brand Herbica ── */
    --herbica-forest-green: #0F4D2E;
    --herbica-deep-forest: #103F2A;
    --herbica-sage: #8CA986;
    --herbica-soft-olive: #A7B37E;
    --herbica-warm-cream: #FDF8ED;
    --herbica-botanical-gold: #D4AF6B;
    --herbica-terracotta: #C46745;
    --herbica-natural-beige: #D7C3A8;

    /* ── Semantic Design Tokens ── */
    --color-brand-forest: var(--herbica-forest-green);
    --color-brand-deep: var(--herbica-deep-forest);
    --color-brand-sage: var(--herbica-sage);
    --color-brand-olive: var(--herbica-soft-olive);
    --color-brand-cream: var(--herbica-warm-cream);
    --color-brand-gold: var(--herbica-botanical-gold);
    --color-brand-terracotta: var(--herbica-terracotta);
    --color-brand-beige: var(--herbica-natural-beige);

    /* ── Scara Primară Forest Green (Derivată din #0F4D2E și #103F2A) ── */
    --color-forest-50: #F4F8F5;
    --color-forest-100: #E3EFE8;
    --color-forest-200: #C5DFCF;
    --color-forest-300: #8CA986;
    --color-forest-400: #4B8E67;
    --color-forest-500: #1C633D;
    --color-forest-600: #0F4D2E;
    --color-forest-700: #0C3E25;
    --color-forest-800: #103F2A;
    --color-forest-900: #0A2619;
    --color-forest-950: #05170F;

    /* ── Tipografie ── */
    --font-brand-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --font-brand-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* ── Umbre & Relief Botanic ── */
    --shadow-herbica-sm: 0 1px 2px 0 rgba(15, 77, 46, 0.05);
    --shadow-herbica-md: 0 4px 12px -2px rgba(15, 77, 46, 0.08), 0 2px 6px -1px rgba(15, 77, 46, 0.04);
    --shadow-herbica-lg: 0 12px 28px -4px rgba(16, 63, 42, 0.12), 0 4px 10px -2px rgba(16, 63, 42, 0.06);
}

/* ── Selecție text cu personalitate de brand ── */
::selection {
    background-color: #0F4D2E;
    color: #FDF8ED;
}

/* ── Scrollbar personalizat subtil ── */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #F4F8F5;
}
::-webkit-scrollbar-thumb {
    background: #8CA986;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #0F4D2E;
}

/* ── Tipografie Editorială Herbica ── */
.font-brand-serif,
.font-serif-title,
.editorial-title {
    font-family: var(--font-brand-serif);
    letter-spacing: -0.01em;
}

.font-brand-sans {
    font-family: var(--font-brand-sans);
}

/* ── Fundaluri Brand ── */
.bg-brand-forest { background-color: var(--color-brand-forest) !important; }
.bg-brand-deep { background-color: var(--color-brand-deep) !important; }
.bg-brand-sage { background-color: var(--color-brand-sage) !important; }
.bg-brand-olive { background-color: var(--color-brand-olive) !important; }
.bg-brand-cream { background-color: var(--color-brand-cream) !important; }
.bg-brand-gold { background-color: var(--color-brand-gold) !important; }
.bg-brand-terracotta { background-color: var(--color-brand-terracotta) !important; }
.bg-brand-beige { background-color: var(--color-brand-beige) !important; }

/* ── Culori Text Brand ── */
.text-brand-forest { color: var(--color-brand-forest) !important; }
.text-brand-deep { color: var(--color-brand-deep) !important; }
.text-brand-sage { color: var(--color-brand-sage) !important; }
.text-brand-olive { color: var(--color-brand-olive) !important; }
.text-brand-gold { color: var(--color-brand-gold) !important; }
.text-brand-terracotta { color: var(--color-brand-terracotta) !important; }
.text-brand-beige { color: var(--color-brand-beige) !important; }

/* ── Borduri Brand ── */
.border-brand-forest { border-color: var(--color-brand-forest) !important; }
.border-brand-deep { border-color: var(--color-brand-deep) !important; }
.border-brand-sage { border-color: var(--color-brand-sage) !important; }
.border-brand-olive { border-color: var(--color-brand-olive) !important; }
.border-brand-beige { border-color: var(--color-brand-beige) !important; }
.border-brand-gold { border-color: var(--color-brand-gold) !important; }
.border-brand-terracotta { border-color: var(--color-brand-terracotta) !important; }

/* ── Insigne & Pill-uri Specializate (UI/UX) ── */
.badge-gold {
    background-color: rgba(212, 175, 107, 0.15);
    color: #8C6A24;
    border: 1px solid rgba(212, 175, 107, 0.35);
}

.badge-terracotta {
    background-color: rgba(196, 103, 69, 0.12);
    color: #9E3E1F;
    border: 1px solid rgba(196, 103, 69, 0.3);
}

.badge-sage {
    background-color: rgba(140, 169, 134, 0.18);
    color: #2D5838;
    border: 1px solid rgba(140, 169, 134, 0.35);
}

.badge-olive {
    background-color: rgba(167, 179, 126, 0.18);
    color: #4A562B;
    border: 1px solid rgba(167, 179, 126, 0.35);
}

.card-apothecary {
    background-color: #FFFFFF;
    border: 1px solid rgba(215, 195, 168, 0.45);
    box-shadow: 0 4px 18px -4px rgba(15, 77, 46, 0.06);
    border-radius: 1rem;
}