:root {
    /* Brand */

    --farm-primary: #2E7D32;
    --farm-primary-light: #4CAF50;
    --farm-primary-dark: #1B5E20;
    --farm-secondary: #8BC34A;
    --farm-accent: #C5E1A5;
    /* Background */

    --farm-background: #F6F8F5;
    --farm-surface: #FFFFFF;
    --farm-surface-secondary: #F8FAF7;
    /* Text */

    --farm-text: #1F2937;
    --farm-muted: #6B7280;
    /* Borders */

    --farm-border: rgba(0,0,0,.06);
    /* Radius */

    --farm-radius-sm: 12px;
    --farm-radius: 20px;
    --farm-radius-lg: 30px;
    /* Shadow */

    --farm-shadow: 0 10px 35px rgba(15,23,42,.08);
}

.dark-mode {
    --farm-background: #121914;
    --farm-surface: #1A231C;
    --farm-surface-secondary: #1F2B22;
    --farm-text: #F4F7F3;
    --farm-muted: #A5B2A7;
    --farm-border: rgba(255,255,255,.08);
    --farm-shadow: 0 12px 40px rgba(0,0,0,.35);
}

.light-mode,
.dark-mode {
    min-height: 100vh;
    background: var(--farm-background);
    color: var(--farm-text);
}