/* =========================================================
   DEFAULT PALETTE (CURRENT HEADER STYLE)
   warm-editorial
========================================================= */

:root,
html[data-palette="warm-editorial"] {
    --theme-primary:   #8b5e34;
    --theme-secondary: #6f451f;

    --c-bg:      #fffaf3;
    --c-bg2:     #f6ede2;
    --c-bg3:     #eadbc9;

    --c-surface: #ffffff;
    --c-border:  rgba(139,94,52,0.10);

    --c-text:    #2c1f17;
    --c-text2:   #5b4636;
    --c-text3:   #8b735f;
    --c-text4:   #b39b87;

    --c-shadow:  rgba(139,94,52,0.08);
}

html.dark[data-palette="warm-editorial"] {
    --theme-primary:   #f4b26a;
    --theme-secondary: #d98c3d;

    --c-bg:      #1a120d;
    --c-bg2:     #241913;
    --c-bg3:     #34251c;

    --c-surface: #241913;
    --c-border:  rgba(255,255,255,0.08);

    --c-text:    #fff4e8;
    --c-text2:   #f0d4b2;
    --c-text3:   #d3aa7a;
    --c-text4:   #a97d52;

    --c-shadow:  rgba(0,0,0,0.45);
}

/* =========================================================
   NORDIC FROST
========================================================= */

html[data-palette="nordic-frost"] {
    --theme-primary:   #3b82f6;
    --theme-secondary: #2563eb;

    --c-bg:      #eef6ff;
    --c-bg2:     #dcecff;
    --c-bg3:     #c1daf7;

    --c-surface: #ffffff;
    --c-border:  rgba(59,130,246,0.12);

    --c-text:    #10243f;
    --c-text2:   #29496b;
    --c-text3:   #54779e;
    --c-text4:   #7fa2c6;

    --c-shadow:  rgba(59,130,246,0.10);
}

html.dark[data-palette="nordic-frost"] {
    --theme-primary:   #7dd3fc;
    --theme-secondary: #38bdf8;

    --c-bg:      #07131f;
    --c-bg2:     #0d1c2b;
    --c-bg3:     #163247;

    --c-surface: #0d1c2b;
    --c-border:  rgba(255,255,255,0.08);

    --c-text:    #e8f6ff;
    --c-text2:   #b9d8ee;
    --c-text3:   #84b8d8;
    --c-text4:   #5195b6;

    --c-shadow:  rgba(0,0,0,0.45);
}

/* =========================================================
   MIDNIGHT NEON
========================================================= */

html[data-palette="midnight-neon"] {
    --theme-primary:   #9333ea;
    --theme-secondary: #7e22ce;

    --c-bg:      #faf5ff;
    --c-bg2:     #f1e4ff;
    --c-bg3:     #dfc6ff;

    --c-surface: #ffffff;
    --c-border:  rgba(147,51,234,0.12);

    --c-text:    #2e1065;
    --c-text2:   #4c1d95;
    --c-text3:   #7c3aed;
    --c-text4:   #a855f7;

    --c-shadow:  rgba(147,51,234,0.10);
}

html.dark[data-palette="midnight-neon"] {
    --theme-primary:   #c084fc;
    --theme-secondary: #a855f7;

    --c-bg:      #120818;
    --c-bg2:     #1a0f24;
    --c-bg3:     #2a1738;

    --c-surface: #1a0f24;
    --c-border:  rgba(255,255,255,0.08);

    --c-text:    #f8efff;
    --c-text2:   #e7d2ff;
    --c-text3:   #cf9fff;
    --c-text4:   #b56cf6;

    --c-shadow:  rgba(0,0,0,0.50);
}

/* =========================================================
   FOREST EARTH
========================================================= */

html[data-palette="forest-earth"] {
    --theme-primary:   #2f855a;
    --theme-secondary: #276749;

    --c-bg:      #f4fbf5;
    --c-bg2:     #e4f3e7;
    --c-bg3:     #cde4d1;

    --c-surface: #ffffff;
    --c-border:  rgba(47,133,90,0.10);

    --c-text:    #13261a;
    --c-text2:   #2d4d38;
    --c-text3:   #5b7d66;
    --c-text4:   #88a58f;

    --c-shadow:  rgba(47,133,90,0.08);
}

html.dark[data-palette="forest-earth"] {
    --theme-primary:   #68d391;
    --theme-secondary: #48bb78;

    --c-bg:      #0d1710;
    --c-bg2:     #142219;
    --c-bg3:     #1d3325;

    --c-surface: #142219;
    --c-border:  rgba(255,255,255,0.07);

    --c-text:    #effdf3;
    --c-text2:   #c8efd5;
    --c-text3:   #90d4a8;
    --c-text4:   #5db87c;

    --c-shadow:  rgba(0,0,0,0.45);
}

/* =========================================================
   ROSE LUXURY
========================================================= */

html[data-palette="rose-luxury"] {
    --theme-primary:   #d63384;
    --theme-secondary: #b0256c;

    --c-bg:      #fff5f9;
    --c-bg2:     #ffe4ef;
    --c-bg3:     #ffc9dd;

    --c-surface: #ffffff;
    --c-border:  rgba(214,51,132,0.10);

    --c-text:    #4a1028;
    --c-text2:   #7b2146;
    --c-text3:   #b83268;
    --c-text4:   #d96b98;

    --c-shadow:  rgba(214,51,132,0.08);
}

html.dark[data-palette="rose-luxury"] {
    --theme-primary:   #ff8dc2;
    --theme-secondary: #ff5fa2;

    --c-bg:      #180811;
    --c-bg2:     #24101b;
    --c-bg3:     #381628;

    --c-surface: #24101b;
    --c-border:  rgba(255,255,255,0.08);

    --c-text:    #fff1f7;
    --c-text2:   #ffd0e3;
    --c-text3:   #ff9cc2;
    --c-text4:   #ff6fa8;

    --c-shadow:  rgba(0,0,0,0.50);
}

/* =========================================================
   OCEAN BREEZE
========================================================= */

html[data-palette="ocean-breeze"] {
    --theme-primary:   #0ea5e9;
    --theme-secondary: #0284c7;

    --c-bg:      #f0fbff;
    --c-bg2:     #dff5ff;
    --c-bg3:     #c2ebfa;

    --c-surface: #ffffff;
    --c-border:  rgba(14,165,233,0.10);

    --c-text:    #083344;
    --c-text2:   #0f5d78;
    --c-text3:   #2a84a7;
    --c-text4:   #62b2d1;

    --c-shadow:  rgba(14,165,233,0.08);
}

html.dark[data-palette="ocean-breeze"] {
    --theme-primary:   #67e8f9;
    --theme-secondary: #22d3ee;

    --c-bg:      #06161b;
    --c-bg2:     #0c232b;
    --c-bg3:     #133640;

    --c-surface: #0c232b;
    --c-border:  rgba(255,255,255,0.07);

    --c-text:    #ecfeff;
    --c-text2:   #bff5ff;
    --c-text3:   #7ddded;
    --c-text4:   #46bfd3;

    --c-shadow:  rgba(0,0,0,0.45);
}

/* =========================================================
   GRAPHITE ORANGE
========================================================= */

html[data-palette="graphite-orange"] {
    --theme-primary:   #f97316;
    --theme-secondary: #ea580c;

    --c-bg:      #fff8f2;
    --c-bg2:     #ffeddc;
    --c-bg3:     #ffd6b8;

    --c-surface: #ffffff;
    --c-border:  rgba(249,115,22,0.10);

    --c-text:    #3b1f0f;
    --c-text2:   #6a3820;
    --c-text3:   #9c5f3d;
    --c-text4:   #c28b6a;

    --c-shadow:  rgba(249,115,22,0.08);
}

html.dark[data-palette="graphite-orange"] {
    --theme-primary:   #fdba74;
    --theme-secondary: #fb923c;

    --c-bg:      #16100b;
    --c-bg2:     #241913;
    --c-bg3:     #36251d;

    --c-surface: #241913;
    --c-border:  rgba(255,255,255,0.08);

    --c-text:    #fff7ed;
    --c-text2:   #ffd9b3;
    --c-text3:   #ffb97a;
    --c-text4:   #f59e63;

    --c-shadow:  rgba(0,0,0,0.50);
}

/* =========================================================
   ROYAL INDIGO
========================================================= */

html[data-palette="royal-indigo"] {
    --theme-primary:   #5b5bd6;
    --theme-secondary: #4343b8;

    --c-bg:      #f5f6ff;
    --c-bg2:     #e7e9ff;
    --c-bg3:     #d1d7ff;

    --c-surface: #ffffff;
    --c-border:  rgba(91,91,214,0.10);

    --c-text:    #1e1b4b;
    --c-text2:   #37307a;
    --c-text3:   #5a54c5;
    --c-text4:   #8883de;

    --c-shadow:  rgba(91,91,214,0.08);
}

html.dark[data-palette="royal-indigo"] {
    --theme-primary:   #a5b4fc;
    --theme-secondary: #818cf8;

    --c-bg:      #0d1022;
    --c-bg2:     #171b31;
    --c-bg3:     #23284a;

    --c-surface: #171b31;
    --c-border:  rgba(255,255,255,0.08);

    --c-text:    #eef2ff;
    --c-text2:   #d3dcff;
    --c-text3:   #aab8ff;
    --c-text4:   #8392ea;

    --c-shadow:  rgba(0,0,0,0.50);
}

/* =========================================================
   CYBERPUNK
========================================================= */

html[data-palette="cyberpunk"] {
    --theme-primary:   #ff008c;
    --theme-secondary: #d1006f;

    --c-bg:      #fff4fb;
    --c-bg2:     #ffe0f1;
    --c-bg3:     #ffc2e3;

    --c-surface: #ffffff;
    --c-border:  rgba(255,0,140,0.10);

    --c-text:    #3d0625;
    --c-text2:   #6d1246;
    --c-text3:   #a61d67;
    --c-text4:   #d94c96;

    --c-shadow:  rgba(255,0,140,0.08);
}

html.dark[data-palette="cyberpunk"] {
    --theme-primary:   #ff5db1;
    --theme-secondary: #ff2f98;

    --c-bg:      #0f0611;
    --c-bg2:     #1a0b1d;
    --c-bg3:     #2b1031;

    --c-surface: #1a0b1d;
    --c-border:  rgba(255,255,255,0.08);

    --c-text:    #fff1f8;
    --c-text2:   #ffcbe3;
    --c-text3:   #ff92c4;
    --c-text4:   #ff5da8;

    --c-shadow:  rgba(0,0,0,0.50);
}

/* =========================================================
   COFFEE CREAM
========================================================= */

html[data-palette="coffee-cream"] {
    --theme-primary:   #8b4513;
    --theme-secondary: #6f3410;

    --c-bg:      #fdf6ee;
    --c-bg2:     #f5e6d8;
    --c-bg3:     #e7cfbb;

    --c-surface: #fffdfa;
    --c-border:  rgba(139,69,19,0.10);

    --c-text:    #2d1b12;
    --c-text2:   #5b3a29;
    --c-text3:   #8a6652;
    --c-text4:   #b39684;

    --c-shadow:  rgba(139,69,19,0.08);
}

html.dark[data-palette="coffee-cream"] {
    --theme-primary:   #f6ad55;
    --theme-secondary: #ed8936;

    --c-bg:      #140f0c;
    --c-bg2:     #211813;
    --c-bg3:     #32231c;

    --c-surface: #211813;
    --c-border:  rgba(255,255,255,0.08);

    --c-text:    #fff7f0;
    --c-text2:   #f5d7b7;
    --c-text3:   #e6b27d;
    --c-text4:   #c98d5d;

    --c-shadow:  rgba(0,0,0,0.50);
}

/* =========================================================
   SUNSET DUSK
   (non-black dark palette)
========================================================= */

html[data-palette="sunset-dusk"] {
    --theme-primary:   #e76f51;
    --theme-secondary: #d8573c;

    --c-bg:      #fff6f1;
    --c-bg2:     #ffe7dc;
    --c-bg3:     #ffd2c0;

    --c-surface: #ffffff;
    --c-border:  rgba(231,111,81,0.10);

    --c-text:    #3d1f17;
    --c-text2:   #6b372d;
    --c-text3:   #a35b4d;
    --c-text4:   #cb8d80;

    --c-shadow:  rgba(231,111,81,0.08);
}

html.dark[data-palette="sunset-dusk"] {
    --theme-primary:   #ffb38a;
    --theme-secondary: #ff8e63;

    /* warm plum / dusk background instead of black */
    --c-bg:      #3b2240;
    --c-bg2:     #4a2b50;
    --c-bg3:     #5d3765;

    --c-surface: #4a2b50;
    --c-border:  rgba(255,255,255,0.10);

    --c-text:    #fff1eb;
    --c-text2:   #ffd9cc;
    --c-text3:   #ffb9a0;
    --c-text4:   #ff9475;

    --c-shadow:  rgba(59,34,64,0.35);
}

/* =========================================================
   EMERALD MIST
   (green-blue dark variant, no black)
========================================================= */

html[data-palette="emerald-mist"] {
    --theme-primary:   #10b981;
    --theme-secondary: #059669;

    --c-bg:      #f2fffb;
    --c-bg2:     #ddfbf3;
    --c-bg3:     #c0f3e5;

    --c-surface: #ffffff;
    --c-border:  rgba(16,185,129,0.10);

    --c-text:    #12332a;
    --c-text2:   #235245;
    --c-text3:   #3d7d6b;
    --c-text4:   #6ba692;

    --c-shadow:  rgba(16,185,129,0.08);
}

html.dark[data-palette="emerald-mist"] {
    --theme-primary:   #6ee7b7;
    --theme-secondary: #34d399;

    /* deep teal instead of black */
    --c-bg:      #163536;
    --c-bg2:     #1d4445;
    --c-bg3:     #29595a;

    --c-surface: #1d4445;
    --c-border:  rgba(255,255,255,0.08);

    --c-text:    #ecfffb;
    --c-text2:   #c9f7ef;
    --c-text3:   #92dbc9;
    --c-text4:   #61bea7;

    --c-shadow:  rgba(0,0,0,0.25);
}

/* =========================================================
   DESERT GOLD
   (sand + olive dark mode)
========================================================= */

html[data-palette="desert-gold"] {
    --theme-primary:   #ca8a04;
    --theme-secondary: #a16207;

    --c-bg:      #fffbea;
    --c-bg2:     #fdf1c7;
    --c-bg3:     #f6df99;

    --c-surface: #ffffff;
    --c-border:  rgba(202,138,4,0.10);

    --c-text:    #3f2d09;
    --c-text2:   #66460f;
    --c-text3:   #9a6b17;
    --c-text4:   #c29745;

    --c-shadow:  rgba(202,138,4,0.08);
}

html.dark[data-palette="desert-gold"] {
    --theme-primary:   #facc15;
    --theme-secondary: #eab308;

    /* olive-brown dark mode */
    --c-bg:      #3b3523;
    --c-bg2:     #4b432d;
    --c-bg3:     #62573b;

    --c-surface: #4b432d;
    --c-border:  rgba(255,255,255,0.08);

    --c-text:    #fff9e6;
    --c-text2:   #f4e7b8;
    --c-text3:   #e4cd7d;
    --c-text4:   #d3b34e;

    --c-shadow:  rgba(0,0,0,0.22);
}

/* =========================================================
   LAVENDER GARDEN
========================================================= */

html[data-palette="lavender-garden"] {
    --theme-primary:   #8b5cf6;
    --theme-secondary: #7c3aed;

    --c-bg:      #fcfaff;
    --c-bg2:     #f3efff;
    --c-bg3:     #e8defd;

    --c-surface: #ffffff;
    --c-border:  rgba(139,92,246,.10);

    --c-text:    #2f2146;
    --c-text2:   #57446e;
    --c-text3:   #8166a2;
    --c-text4:   #ad95ca;
}

html.dark[data-palette="lavender-garden"] {
    --theme-primary:   #c4b5fd;
    --theme-secondary: #a78bfa;

    /* purple-tinted dark */
    --c-bg:      #31284a;
    --c-bg2:     #40345f;
    --c-bg3:     #54457c;

    --c-surface: #40345f;
    --c-border:  rgba(255,255,255,.08);

    --c-text:    #f7f4ff;
    --c-text2:   #ddd5f5;
    --c-text3:   #bbaee5;
    --c-text4:   #9887c9;
}

/* =========================================================
   SAKURA BLOSSOM
========================================================= */

html[data-palette="sakura-blossom"] {
    --theme-primary:   #ec4899;
    --theme-secondary: #db2777;

    --c-bg:      #fff8fc;
    --c-bg2:     #ffeef6;
    --c-bg3:     #ffdbe9;

    --c-surface: #ffffff;
    --c-border:  rgba(236,72,153,.10);

    --c-text:    #4d1832;
    --c-text2:   #7c3355;
    --c-text3:   #ad5d82;
    --c-text4:   #d48daf;
}

html.dark[data-palette="sakura-blossom"] {
    --theme-primary:   #f9a8d4;
    --theme-secondary: #f472b6;

    /* dusty rose dark */
    --c-bg:      #43273a;
    --c-bg2:     #563148;
    --c-bg3:     #6f405d;

    --c-surface: #563148;

    --c-text:    #fff4fa;
    --c-text2:   #f2d8e7;
    --c-text3:   #ddb0c9;
    --c-text4:   #c286aa;
}

/* =========================================================
   ARCTIC MINT
========================================================= */

html[data-palette="arctic-mint"] {
    --theme-primary:   #14b8a6;
    --theme-secondary: #0f766e;

    --c-bg:      #f4fffd;
    --c-bg2:     #e2faf6;
    --c-bg3:     #c8efe8;

    --c-surface: #ffffff;

    --c-text:    #173c39;
    --c-text2:   #35645f;
    --c-text3:   #5c918a;
    --c-text4:   #8db7b0;
}

html.dark[data-palette="arctic-mint"] {
    --theme-primary:   #5eead4;
    --theme-secondary: #2dd4bf;

    /* teal dark */
    --c-bg:      #1d4142;
    --c-bg2:     #255254;
    --c-bg3:     #32696b;

    --c-surface: #255254;

    --c-text:    #effffd;
    --c-text2:   #ccefeb;
    --c-text3:   #9ed7d1;
    --c-text4:   #72b8b0;
}

/* =========================================================
   BLUEBERRY MILK
========================================================= */

html[data-palette="blueberry-milk"] {
    --theme-primary:   #6366f1;
    --theme-secondary: #4f46e5;

    --c-bg:      #fafbff;
    --c-bg2:     #eef1ff;
    --c-bg3:     #dde3ff;

    --c-surface: #ffffff;

    --c-text:    #22274a;
    --c-text2:   #485080;
    --c-text3:   #7079ab;
    --c-text4:   #9ba2cb;
}

html.dark[data-palette="blueberry-milk"] {
    --theme-primary:   #a5b4fc;
    --theme-secondary: #818cf8;

    /* blue-violet dark */
    --c-bg:      #253050;
    --c-bg2:     #30406a;
    --c-bg3:     #425588;

    --c-surface: #30406a;

    --c-text:    #f5f7ff;
    --c-text2:   #d7ddf8;
    --c-text3:   #b3bee9;
    --c-text4:   #8d9ad0;
}

/* =========================================================
   PEACH TEA
========================================================= */

html[data-palette="peach-tea"] {
    --theme-primary:   #f97316;
    --theme-secondary: #ea580c;

    --c-bg:      #fffaf6;
    --c-bg2:     #fff0e7;
    --c-bg3:     #ffdcca;

    --c-surface: #ffffff;

    --c-text:    #44271a;
    --c-text2:   #704537;
    --c-text3:   #a46d5d;
    --c-text4:   #ca9a89;
}

html.dark[data-palette="peach-tea"] {
    --theme-primary:   #fdba74;
    --theme-secondary: #fb923c;

    /* warm terracotta dark */
    --c-bg:      #4a3128;
    --c-bg2:     #5e3d31;
    --c-bg3:     #775042;

    --c-surface: #5e3d31;

    --c-text:    #fff7f2;
    --c-text2:   #f5ddd0;
    --c-text3:   #e0b8a3;
    --c-text4:   #c99379;
}

/* =========================================================
   PISTACHIO CREAM
========================================================= */

html[data-palette="pistachio-cream"] {
    --theme-primary:   #65a30d;
    --theme-secondary: #4d7c0f;

    --c-bg:      #fbfff5;
    --c-bg2:     #f1f9e2;
    --c-bg3:     #dff0c4;

    --c-surface: #ffffff;

    --c-text:    #28351a;
    --c-text2:   #465d2f;
    --c-text3:   #6d8c55;
    --c-text4:   #97b27e;
}

html.dark[data-palette="pistachio-cream"] {
    --theme-primary:   #bef264;
    --theme-secondary: #a3e635;

    /* olive green dark */
    --c-bg:      #36432c;
    --c-bg2:     #455539;
    --c-bg3:     #5a6f4b;

    --c-surface: #455539;

    --c-text:    #fbfff6;
    --c-text2:   #e1edd2;
    --c-text3:   #c0d4a6;
    --c-text4:   #9db680;
}