/* ═══════════════════════════════════════════════════════════════
   THEME VARIABLES — 6 garden moods
   Bloom · Grove · Dusk · Meadow · Frost · Ember
   ═══════════════════════════════════════════════════════════════ */

/* ── Shared across all themes ── */
:root {
    --card: #ffffff;
    --text: #5a4a3a;
    --text-muted: #9b8c7c;
    --yellow: #ffd93d;
    --yellow-soft: #fff5cc;
    --border: #e8e0f0;
    --shadow: 0 4px 20px rgba(100, 80, 120, 0.1);
    --red: #e74c3c;
    --red-soft: #ffe0e0;
    --pot: #f0a878;
    --pot-dark: #d4895e;
    --key-size: 40px;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-full: 50px;
}

/* ═══════════════════════════════════════════════════════════════
   BLOOM — spring morning, pink blossoms, blue sky
   ═══════════════════════════════════════════════════════════════ */
:root,
[data-theme="bloom"] {
    --sky-top: #b3dff5;
    --sky-mid: #d9f0fc;
    --grass: #c6f0c2;
    --grass-deep: #a3dfa0;
    --accent: #ff6b8a;
    --accent-soft: #ffe4ea;
    --accent-deep: #d95473;
    --accent-hover: #ff8099;
    --green: #5ec97a;
    --green-soft: #d4f7dc;

    --ctrl-bg: #faf8ff;
    --ctrl-border: #e0d8f0;
    --ctrl-hover-bg: #f3edff;
    --ctrl-hover-border: #c8b8e0;
    --ctrl-shadow: #e0d8f0;
    --ctrl-hover-shadow: #d0c4e4;
    --ctrl-on-bg: #ffe4ea;
    --ctrl-on-border: #ff6b8a;
    --ctrl-on-color: #ff6b8a;
    --ctrl-disabled-bg: #d4c8c0;
    --ctrl-disabled-shadow: #b8aca4;

    --btn2-bg: #f5f0fa;
    --btn2-color: #8b7d9b;
    --btn2-shadow: #e0d5ed;
    --btn2-hover-bg: #ede3f7;
    --btn2-hover-color: #6b5d7b;
    --btn2-hover-shadow: #d8cce8;

    --home-border: #e0d8f0;
    --home-shadow: #e0d8f0;
    --home-hover-bg: #faf8ff;
    --home-hover-border: #d0c4e4;
    --home-hover-color: #6b5d7b;
    --home-hover-shadow: #d8cce8;
}

/* ═══════════════════════════════════════════════════════════════
   GROVE — autumn orchard, terracotta, warm sky
   ═══════════════════════════════════════════════════════════════ */
[data-theme="grove"] {
    --sky-top: #ffb380;
    --sky-mid: #ffa366;
    --grass: #7ec87b;
    --grass-deep: #5db85a;
    --accent: #ff7043;
    --accent-soft: #fff0e8;
    --accent-deep: #d15a30;
    --accent-hover: #ff8a65;
    --green: #3cb878;
    --green-soft: #d4f7e4;

    --ctrl-bg: #fff8f2;
    --ctrl-border: #f0c8a8;
    --ctrl-hover-bg: #fcf0e8;
    --ctrl-hover-border: #f0b888;
    --ctrl-shadow: #e8d0b8;
    --ctrl-hover-shadow: #e0c0a0;
    --ctrl-on-bg: #fff0e8;
    --ctrl-on-border: #ff7043;
    --ctrl-on-color: #d15a30;
    --ctrl-disabled-bg: #d4c8c0;
    --ctrl-disabled-shadow: #b8aca4;

    --btn2-bg: #fff8f2;
    --btn2-color: #8b6d5b;
    --btn2-shadow: #e8d0b8;
    --btn2-hover-bg: #fcf0e8;
    --btn2-hover-color: #6b5038;
    --btn2-hover-shadow: #d8b898;

    --home-border: #f0c8a8;
    --home-shadow: #e8d0b8;
    --home-hover-bg: #fff8f2;
    --home-hover-border: #e8c0a0;
    --home-hover-color: #6b5038;
    --home-hover-shadow: #d8b898;
}

/* ═══════════════════════════════════════════════════════════════
   DUSK — twilight garden, lavender-purple, dusky ground
   ═══════════════════════════════════════════════════════════════ */
[data-theme="dusk"] {
    --sky-top: #7b6fbd;
    --sky-mid: #aba0e0;
    --grass: #5a6b8a;
    --grass-deep: #3d4f6b;
    --accent: #a78bfa;
    --accent-soft: #ede4ff;
    --accent-deep: #7c5ce0;
    --accent-hover: #b8a4fc;
    --green: #6b9e85;
    --green-soft: #d4efe2;

    --ctrl-bg: #f8f6ff;
    --ctrl-border: #d8d0f0;
    --ctrl-hover-bg: #f0ecff;
    --ctrl-hover-border: #c8bce8;
    --ctrl-shadow: #d8d0f0;
    --ctrl-hover-shadow: #c8bce8;
    --ctrl-on-bg: #ede4ff;
    --ctrl-on-border: #a78bfa;
    --ctrl-on-color: #7c5ce0;
    --ctrl-disabled-bg: #d4c8c0;
    --ctrl-disabled-shadow: #b8aca4;

    --btn2-bg: #f5f2fc;
    --btn2-color: #8b7d9b;
    --btn2-shadow: #e0d8f0;
    --btn2-hover-bg: #ede7fa;
    --btn2-hover-color: #6b5d7b;
    --btn2-hover-shadow: #d8cce8;

    --home-border: #d8d0f0;
    --home-shadow: #d8d0f0;
    --home-hover-bg: #f8f6ff;
    --home-hover-border: #c8bce8;
    --home-hover-color: #6b5d7b;
    --home-hover-shadow: #d8cce8;
}

/* ═══════════════════════════════════════════════════════════════
   MEADOW — golden afternoon, honey-amber, wildflower greens
   ═══════════════════════════════════════════════════════════════ */
[data-theme="meadow"] {
    --sky-top: #f0d878;
    --sky-mid: #f5e6b8;
    --grass: #8fbc6b;
    --grass-deep: #6d9a4e;
    --accent: #d4a030;
    --accent-soft: #fff6e4;
    --accent-deep: #a87818;
    --accent-hover: #e0b850;
    --green: #4a9e5c;
    --green-soft: #d4f0dc;

    --ctrl-bg: #fffdf6;
    --ctrl-border: #e8d8a8;
    --ctrl-hover-bg: #fef8e8;
    --ctrl-hover-border: #e0c888;
    --ctrl-shadow: #e8d8a8;
    --ctrl-hover-shadow: #e0c888;
    --ctrl-on-bg: #fff6e4;
    --ctrl-on-border: #d4a030;
    --ctrl-on-color: #a87818;
    --ctrl-disabled-bg: #d4c8c0;
    --ctrl-disabled-shadow: #b8aca4;

    --btn2-bg: #fdf8ee;
    --btn2-color: #8b7d5b;
    --btn2-shadow: #e8d8b8;
    --btn2-hover-bg: #faf0e0;
    --btn2-hover-color: #6b5d38;
    --btn2-hover-shadow: #d8c8a0;

    --home-border: #e8d8a8;
    --home-shadow: #e8d8a8;
    --home-hover-bg: #fffdf6;
    --home-hover-border: #e0c888;
    --home-hover-color: #6b5d38;
    --home-hover-shadow: #d8c8a0;
}

/* ═══════════════════════════════════════════════════════════════
   FROST — winter morning, ice blue, silver-white ground
   ═══════════════════════════════════════════════════════════════ */
[data-theme="frost"] {
    --sky-top: #c8dff5;
    --sky-mid: #e8f0f8;
    --grass: #d8e8f0;
    --grass-deep: #bcccd8;
    --accent: #5ba0c8;
    --accent-soft: #e4f0f8;
    --accent-deep: #3d7da0;
    --accent-hover: #78b8d8;
    --green: #68a888;
    --green-soft: #d4ece0;

    --ctrl-bg: #f6fafd;
    --ctrl-border: #c8dce8;
    --ctrl-hover-bg: #ecf4fa;
    --ctrl-hover-border: #b8d0e0;
    --ctrl-shadow: #c8dce8;
    --ctrl-hover-shadow: #b8d0e0;
    --ctrl-on-bg: #e4f0f8;
    --ctrl-on-border: #5ba0c8;
    --ctrl-on-color: #3d7da0;
    --ctrl-disabled-bg: #d4c8c0;
    --ctrl-disabled-shadow: #b8aca4;

    --btn2-bg: #f4f8fc;
    --btn2-color: #7b8d9b;
    --btn2-shadow: #d8e4f0;
    --btn2-hover-bg: #e8f2f8;
    --btn2-hover-color: #5b6d7b;
    --btn2-hover-shadow: #c8d8e8;

    --home-border: #c8dce8;
    --home-shadow: #c8dce8;
    --home-hover-bg: #f6fafd;
    --home-hover-border: #b8d0e0;
    --home-hover-color: #5b6d7b;
    --home-hover-shadow: #c8d8e8;
}

/* ═══════════════════════════════════════════════════════════════
   EMBER — night garden, crimson embers, charcoal ground
   ═══════════════════════════════════════════════════════════════ */
[data-theme="ember"] {
    --sky-top: #1e1630;
    --sky-mid: #2d2245;
    --grass: #3a2d4a;
    --grass-deep: #261d35;
    --accent: #ff5c3a;
    --accent-soft: #ffe8e0;
    --accent-deep: #d94028;
    --accent-hover: #ff7a5c;
    --green: #d07050;
    --green-soft: #f0d8cc;

    --ctrl-bg: #faf6f4;
    --ctrl-border: #e8c8b8;
    --ctrl-hover-bg: #f8eee8;
    --ctrl-hover-border: #e0b098;
    --ctrl-shadow: #e8c8b8;
    --ctrl-hover-shadow: #e0b098;
    --ctrl-on-bg: #ffe8e0;
    --ctrl-on-border: #ff5c3a;
    --ctrl-on-color: #d94028;
    --ctrl-disabled-bg: #d4c8c0;
    --ctrl-disabled-shadow: #b8aca4;

    --btn2-bg: #faf4f0;
    --btn2-color: #8b6d5b;
    --btn2-shadow: #e8d0c0;
    --btn2-hover-bg: #f6e8e0;
    --btn2-hover-color: #6b4d38;
    --btn2-hover-shadow: #d8b8a0;

    --home-border: #e8c8b8;
    --home-shadow: #e8c8b8;
    --home-hover-bg: #faf6f4;
    --home-hover-border: #e0b098;
    --home-hover-color: #6b4d38;
    --home-hover-shadow: #d8b8a0;
}