/*
 * /projects/ecoADDRESS/css/fieldguide.css
 * Your Ecological Address — Field Guide Edition
 * Variables, reset, base typography — loaded first
 *
 * Design: Natural history field guide aesthetic
 * Typography: System sans-serif throughout (Apple SF Pro / Segoe UI / Helvetica)
 * Base font: 20px for accessibility
 *
 * Panel palette:
 *   Identity         #EDE5D4  (warm parchment)    accent #8B7355
 *   Physical Place   #D8E4ED  (slate blue)        accent #4A6B8A
 *   Ecological       #EDDFCF  (autumn amber)      accent #9B7340
 *   Living Systems   #CDDBC5  (forest green)      accent #4A7A4A
 *
 * Companion partials (loaded separately via <link>):
 *   layout.css      — hero, main, map, search, loading, footer
 *   panels.css      — panel containers, identity panel, card grid, placeholders
 *   drawers.css     — drawer expansion, fields, attribution
 *   species.css     — taxon groups, species lists, conservation badges, bird items
 *   responsive.css  — media queries for mobile/tablet
 */


/* ================================================================
   RESET & BASE
   ================================================================ */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    --font-data: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    --base-size: 26px;

    --bg-page: #F7F3EC;
    --text-primary: #2C2416;
    --text-secondary: #4A3F2E;
    --text-muted: #6E6450;
    --text-light: #8A7E66;

    --card-bg: #FFFDF7;
    --card-shadow: rgba(44, 36, 22, 0.08);
    --card-hover-shadow: rgba(44, 36, 22, 0.16);

    /* Panel colors */
    --panel-identity-bg: #EDE5D4;
    --panel-identity-accent: #8B7355;
    --panel-identity-border: #C9B99A;

    --panel-physical-bg: #D8E4ED;
    --panel-physical-accent: #4A6B8A;
    --panel-physical-border: #A8BFD4;

    --panel-eco-bg: #EDDFCF;
    --panel-eco-accent: #9B7340;
    --panel-eco-border: #D4B896;

    --panel-living-bg: #CDDBC5;
    --panel-living-accent: #4A7A4A;
    --panel-living-border: #9AB89A;

    /* Conservation severity */
    --severity-cr: #D32F2F;
    --severity-en: #E64A19;
    --severity-vu: #F9A825;
    --severity-nt: #FDD835;
    --severity-imperiled: #AB47BC;
}

body {
    font-family: var(--font-display);
    font-size: var(--base-size);
    background: var(--bg-page);
    color: var(--text-primary);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

.hidden { display: none !important; }