/* ------------------------------------------------------------
   Edaphia Base
   /assets/css/garden-base.css

   Legacy compatibility layer:
   Existing stylesheets still use --green-*, --cream, --text,
   --muted, and related tokens. These aliases keep those pages
   working while the newer --garden-* design tokens take over.
   ------------------------------------------------------------ */

:root {
    /* --------------------------------------------------------
       Legacy palette aliases
       -------------------------------------------------------- */

    --green-900: var(--garden-primary-active, #163521);
    --green-800: var(--garden-primary, #285238);
    --green-700: var(--garden-sage-deep, #66845b);
    --green-600: var(--garden-sage, #9ab68c);
    --green-100: var(--garden-sage-soft, #e7efe1);
    --green-050: var(--garden-surface-soft, #f0f4eb);

    --cream: var(--garden-page, #f7f4ed);
    --text: var(--garden-ink, #1d2b20);
    --muted: var(--garden-muted, #667361);

    --line: var(--garden-line, rgba(35, 55, 38, .14));
    --card: var(--garden-surface, #ffffff);

    --shadow: var(
        --garden-shadow-raised,
        0 18px 42px rgba(28, 48, 31, .12)
    );

    --radius-lg: var(--garden-radius-xl, 30px);
    --radius-md: var(--garden-radius-md, 16px);
    --radius-sm: var(--garden-radius-sm, 10px);
}


/* ------------------------------------------------------------
   Baseline document behavior
   ------------------------------------------------------------ */

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

html {
    min-height: 100%;
}

html {
    min-height: 100%;
    background: var(--garden-page, #f7f4ed);
}

body {
    margin: 0;
    min-height: 100%;
    font-family: var(
        --garden-font-body,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif
    );
    color: var(--text);
    background: transparent;
    line-height: 1.5;
}

button,
input,
select,
textarea {
    font: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

/* ==========================================================
   Mobile Navigation Panel Fix
   ----------------------------------------------------------
   Keeps dropdown menu links readable on the light panel and
   gives the rows subtle structure.
   ========================================================== */

@media (max-width: 900px) {
    .garden-topbar .garden-main-nav-test,
    .garden-topbar .garden-main-nav {
        color: var(--garden-ink, #1d2b20) !important;
        background: rgba(247, 244, 237, .98) !important;
        border: 1px solid rgba(35, 55, 38, .12) !important;
        box-shadow: 0 16px 32px rgba(0, 0, 0, .14) !important;
    }

    .garden-topbar .garden-main-nav-test a,
    .garden-topbar .garden-main-nav a,
    .garden-topbar .garden-nav-signout-button {
        color: var(--garden-ink, #1d2b20) !important;
        background: rgba(255, 255, 255, .68) !important;
        border: 1px solid rgba(35, 55, 38, .08) !important;
        text-decoration: none !important;
    }

    .garden-topbar .garden-main-nav-test a:nth-of-type(odd),
    .garden-topbar .garden-main-nav a:nth-of-type(odd) {
        background: rgba(240, 244, 235, .92) !important;
    }

    .garden-topbar .garden-main-nav-test a:nth-of-type(even),
    .garden-topbar .garden-main-nav a:nth-of-type(even) {
        background: rgba(251, 248, 242, .94) !important;
    }

    .garden-topbar .garden-main-nav-test a:hover,
    .garden-topbar .garden-main-nav-test a:focus-visible,
    .garden-topbar .garden-main-nav a:hover,
    .garden-topbar .garden-main-nav a:focus-visible,
    .garden-topbar .garden-nav-signout-button:hover,
    .garden-topbar .garden-nav-signout-button:focus-visible {
        color: var(--garden-primary, #285238) !important;
        background: rgba(231, 239, 225, .96) !important;
        border-color: rgba(40, 82, 56, .18) !important;
    }

    .garden-topbar .garden-main-nav-test a.is-active,
    .garden-topbar .garden-main-nav a.is-active {
        color: var(--garden-primary, #285238) !important;
        background: rgba(220, 232, 214, .98) !important;
        border-color: rgba(40, 82, 56, .22) !important;
        font-weight: 700 !important;
    }

    .garden-topbar .garden-nav-signout-form {
        margin: 0 !important;
    }

    .garden-topbar .garden-nav-signout-button {
        justify-content: flex-start !important;
    }
}