/* Botanical Garden — fresh, organic, garden-inspired.
   Palette: Fern Green #4a7c59 · Marigold #f9a620 · Terracotta #b7472a · Cream #f5f3ed
   Type: DejaVu Serif Bold headers / DejaVu Sans body */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600;700&family=Open+Sans:wght@400;600;700&display=swap');

:root {
    --font-heading: 'Bitter', 'DejaVu Serif', Georgia, serif;
    --font-body: 'Open Sans', 'DejaVu Sans', Verdana, sans-serif;

    --bg: #f5f3ed;
    --soft: #ebe8dd;
    --surface: #ffffff;
    --text: #43503f;
    --heading: #2f4a38;
    --muted: #7c8a7d;
    --line: #e0ddd0;

    --brand: #4a7c59;
    --brand-strong: #3a6247;
    --rank: #4a7c59;
    --score: #2f4a38;

    --topbar-bg: #ebe8dd;
    --topbar-text: #7c8a7d;

    --header-bg: #4a7c59;
    --header-border: #4a7c59;
    --header-logo: #ffffff;
    --header-link: #d8e6d6;
    --header-link-hover: #ffffff;

    --hero-bg: linear-gradient(160deg, #3a6247 0%, #4a7c59 100%);
    --hero-text: #ffffff;
    --hero-sub: #d8e6d6;

    --badge-bg: #f9a620;
    --badge-text: #3a2f14;

    --cta-bg: #b7472a;
    --cta-text: #ffffff;
    --cta-hover: #953a22;

    --footer-bg: #2f4a38;
    --footer-text: #a8bcac;
    --footer-link: #f9a620;

    --radius: 10px;
    --radius-pill: 99px;
    --radius-cta: 6px;
    --shadow: 0 1px 3px rgba(47, 74, 56, .07);
    --shadow-hover: 0 8px 22px rgba(47, 74, 56, .14);
}