/* =====================================================================
   சித்தப்பித்தன் — தோற்றத் தொகுப்புகள் (skins)

   style.css-ல் உள்ள "மண்" (earth) தான் இயல்பு. இங்கே 17 மாற்றுகள்.

   ஒவ்வொரு தொகுப்புக்கும் **இரண்டே** தொகுதி:
       :root[data-skin="X"]                  → வெளிச்சம்
       :root[data-skin="X"][data-theme="dark"] → இருள்

   "தானியங்கி" நிலையிலும் இருள் வேலை செய்யுமா?  ஆம் — header-ன் <head>-ல்
   உள்ள சிறு script, data-theme இல்லாதபோது சாதன விருப்பத்தைப் பார்த்து
   அதை நிரப்பிவிடும் (CSS-க்கு முன் ஓடுகிறது, எனவே மின்னல் இல்லை).
   அதனால் ஒவ்வொரு தொகுப்பின் இருள் நிறங்களையும் ஒரே இடத்தில் எழுதினால்
   போதும் — @media தொகுதி தேவையில்லை.
   (JavaScript நிறுத்தப்பட்ட உலாவியில், இயல்பு அல்லாத தொகுப்பு வெளிச்சத்
   தோற்றத்திலேயே இருக்கும் — உடையாது, விருப்பம் மட்டும் பின்பற்றப்படாது.)

   இங்கே **நிற variable-கள் மட்டுமே**. --radius, எழுத்துரு, --warn-*
   போன்றவை style.css-லிருந்தே வரும்.

   புதிய தொகுப்பு சேர்க்க: இங்கே இரண்டு தொகுதி + functions.php-ன் skins().
   ===================================================================== */

/* ========================= கடல் — ocean ============================= */
:root[data-skin="ocean"] {
    --bg: #f2f7fa; --bg-alt: #e6eef4; --surface: #ffffff;
    --ink: #16262e; --ink-soft: #34505e; --muted: #6b8494; --border: #d5e2ea;
    --brand: #1a6a8a; --brand-dark: #12536d; --brand-soft: #e6f1f6; --gold: #2e8fa8;
    --shadow-sm: 0 2px 10px rgba(20, 60, 90, .07);
    --shadow-md: 0 10px 30px rgba(20, 60, 90, .11);
    --shadow-lg: 0 20px 60px rgba(20, 60, 90, .15);
}
:root[data-skin="ocean"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #0d141a; --bg-alt: #131d25; --surface: #16212b;
    --ink: #e2eef5; --ink-soft: #bed3e0; --muted: #85a0b0; --border: #24333f;
    --brand: #4aa5ca; --brand-dark: #3a8cae; --brand-soft: #162a35; --gold: #4fc3d4;
}

/* ========================= காடு — forest ============================ */
:root[data-skin="forest"] {
    --bg: #f4f8f4; --bg-alt: #e8f0e8; --surface: #ffffff;
    --ink: #1b2a20; --ink-soft: #37503f; --muted: #6f8a77; --border: #d7e5da;
    --brand: #2f6b4f; --brand-dark: #23543d; --brand-soft: #e7f2ea; --gold: #8a7a2e;
    --shadow-sm: 0 2px 10px rgba(30, 70, 45, .07);
    --shadow-md: 0 10px 30px rgba(30, 70, 45, .11);
    --shadow-lg: 0 20px 60px rgba(30, 70, 45, .15);
}
:root[data-skin="forest"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #0f1512; --bg-alt: #151e18; --surface: #18221c;
    --ink: #e4efe6; --ink-soft: #c2d6c8; --muted: #8aa392; --border: #26332b;
    --brand: #4fa273; --brand-dark: #3d8a5e; --brand-soft: #17281e; --gold: #b9ac5e;
}

/* ========================= ஊதா — plum =============================== */
:root[data-skin="plum"] {
    --bg: #faf6fa; --bg-alt: #f1e8f2; --surface: #ffffff;
    --ink: #2a1f2c; --ink-soft: #4d3b51; --muted: #86738a; --border: #e4d8e7;
    --brand: #7a4a7e; --brand-dark: #613a64; --brand-soft: #f3e9f4; --gold: #b07d3a;
    --shadow-sm: 0 2px 10px rgba(70, 40, 75, .07);
    --shadow-md: 0 10px 30px rgba(70, 40, 75, .11);
    --shadow-lg: 0 20px 60px rgba(70, 40, 75, .15);
}
:root[data-skin="plum"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #151016; --bg-alt: #1d161f; --surface: #201826;
    --ink: #efe4f1; --ink-soft: #d3c2d6; --muted: #a091a4; --border: #322838;
    --brand: #a86dad; --brand-dark: #8f5894; --brand-soft: #291d2d; --gold: #d0a05e;
}

/* ========================= மை — ink ================================= */
:root[data-skin="ink"] {
    --bg: #f7f7f8; --bg-alt: #eeeef0; --surface: #ffffff;
    --ink: #1c1c1f; --ink-soft: #3c3c42; --muted: #7a7a83; --border: #e0e0e4;
    --brand: #3f3f46; --brand-dark: #27272c; --brand-soft: #ededf0; --gold: #8a7a4a;
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, .06);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, .10);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, .14);
}
:root[data-skin="ink"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #0f0f11; --bg-alt: #17171a; --surface: #1b1b1f;
    --ink: #ececef; --ink-soft: #c9c9cf; --muted: #91919b; --border: #2a2a30;
    --brand: #b9b9c4; --brand-dark: #9c9ca8; --brand-soft: #232329; --gold: #b7a97e;
}
/* வெளிர் --brand கொண்ட தொகுப்புகளுக்கு — brand பின்னணியில் அமரும் உரை
   வெள்ளையாக இருந்தால் தெரியாது. எனவே அதை இருட்டாக்குகிறோம். */
:root[data-skin="ink"][data-theme="dark"] :is(
    .btn-brand, .feature-badge, .bb-btn.active, .to-top,
    .letter-chip.active .lc-l, .letter-chip.active .lc-n,
    .pagination .active .page-link, .lang-toggle a.active,
    .popular-list .rank, .series-chip .sc-no, .cm-count
) { color: #17171a; }

/* ============= கருப்பு வெள்ளை — mono (கருப்பு · சாம்பல் · வெள்ளை) ====
   ஒரே ஒரு நிறமும் இல்லை — கருப்பு, சாம்பல், வெள்ளை மட்டும். எழுத்தே
   முழு முன்னிலை. அச்சிட்ட ஏட்டைப் போல. */
:root[data-skin="mono"] {
    --bg: #f4f4f4; --bg-alt: #e9e9e9; --surface: #ffffff;
    --ink: #0a0a0a; --ink-soft: #2e2e2e; --muted: #6e6e6e; --border: #d9d9d9;
    --brand: #111111; --brand-dark: #000000; --brand-soft: #ededed; --gold: #555555;
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, .07);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, .12);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, .18);
}
:root[data-skin="mono"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #000000; --bg-alt: #0e0e0e; --surface: #141414;
    --ink: #f5f5f5; --ink-soft: #d0d0d0; --muted: #909090; --border: #2a2a2a;
    --brand: #ffffff; --brand-dark: #d8d8d8; --brand-soft: #1c1c1c; --gold: #b0b0b0;
}
/* இருளில் --brand வெள்ளை — அதன் மேல் உரை கருப்பாக இருக்க வேண்டும் */
:root[data-skin="mono"][data-theme="dark"] :is(
    .btn-brand, .feature-badge, .bb-btn.active, .to-top,
    .letter-chip.active .lc-l, .letter-chip.active .lc-n,
    .pagination .active .page-link, .lang-toggle a.active,
    .popular-list .rank, .series-chip .sc-no, .cm-count
) { color: #000000; }

/* ================== மின்காகிதம் — epaper (e-ink) ====================
   மின்-மை திரையைப் போல: வெளிர் சாம்பல் ஏடு, மென்மையான கரும்மை.
   தூய வெள்ளையோ தூய கருப்போ இல்லை — உண்மையான e-ink திரையிலும் இல்லை.

   நிறத்தை விட **தட்டையான தன்மையே** இதன் அடையாளம்: நிழல் இல்லை,
   hover-ல் எழும்பல் இல்லை. மின்காகிதத்துக்கு ஆழம் கிடையாது. */
:root[data-skin="epaper"] {
    --bg: #eceae4; --bg-alt: #e3e0d9; --surface: #f4f2ed;
    --ink: #26251f; --ink-soft: #45443c; --muted: #7b7970; --border: #cfccc3;
    --brand: #33322c; --brand-dark: #1e1d19; --brand-soft: #dedbd3; --gold: #6b6960;
    --shadow-sm: none; --shadow-md: none; --shadow-lg: none;
}
:root[data-skin="epaper"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #1a1a18; --bg-alt: #212120; --surface: #232322;
    --ink: #d8d6cf; --ink-soft: #b6b4ac; --muted: #85837b; --border: #34342f;
    --brand: #d8d6cf; --brand-dark: #bab8b0; --brand-soft: #2b2b28; --gold: #9a988f;
}
/* தட்டையாக — எழும்பலோ உருமாற்றமோ இல்லை */
:root[data-skin="epaper"] :is(
    .post-card, .post-row, .coll-tile, .coll-list a, .letter-chip,
    .hero-feature, .about-cat, .popular-list li, .cm-item, .skin-opt
):hover { transform: none; box-shadow: none; }
:root[data-skin="epaper"] .star:hover,
:root[data-skin="epaper"] .stars form:hover .star { transform: none; }
/* இருளில் --brand வெளிர் — அதன் மேல் உரை இருட்டாக */
:root[data-skin="epaper"][data-theme="dark"] :is(
    .btn-brand, .feature-badge, .bb-btn.active, .to-top,
    .letter-chip.active .lc-l, .letter-chip.active .lc-n,
    .pagination .active .page-link, .lang-toggle a.active,
    .popular-list .rank, .series-chip .sc-no, .cm-count
) { color: #1a1a18; }

/* ============ ஒற்றை நிறத் தொகுப்புகளுக்கான பொதுத் திருத்தம் ==========
   "மை", "கருப்பு வெள்ளை", "மின்காகிதம்" — இவற்றில் நிறமே இருக்கக் கூடாது.
   ஆனால் நிர்வாகத்தின் KPI எண்களும், நிலைக் குறிச்சொற்களும் (Published,
   Draft, Verse…) admin.css-ல் நேரடி நிறங்களாக எழுதப்பட்டவை — அவை
   variable-களைப் பின்பற்றாது, எனவே இங்கே தனியாக அணைக்கிறோம்.

   கண்டிப்பான ஒற்றை நிறம் — நீக்கும் பொத்தானின் சிவப்பும் சாம்பலே.
   (நீக்குவதற்கு முன் உறுதிப்படுத்தல் கேட்பதால் பாதுகாப்பு அப்படியே.) */
:is(:root[data-skin="ink"], :root[data-skin="mono"], :root[data-skin="epaper"]) {
    /* வரைவுக் குறி (draft badge) — மஞ்சள் வேண்டாம் */
    --warn-bg: var(--bg-alt); --warn-ink: var(--ink-soft); --warn-border: var(--border);
}
:is(:root[data-skin="ink"], :root[data-skin="mono"], :root[data-skin="epaper"])
    :is(.kpi-green, .kpi-amber, .kpi-blue, .kpi-violet, .kpi-rose) {
    border-top-color: var(--border);
}
:is(:root[data-skin="ink"], :root[data-skin="mono"], :root[data-skin="epaper"])
    :is(.kpi-green, .kpi-amber, .kpi-blue, .kpi-violet, .kpi-rose) .kpi-n {
    color: var(--ink);
}
/* Bootstrap-ன் நிலைக் குறிச்சொற்கள் — அவை !important, எனவே இதுவும் */
:is(:root[data-skin="ink"], :root[data-skin="mono"], :root[data-skin="epaper"])
    .badge:is(.bg-success, .bg-warning, .bg-info, .bg-secondary) {
    background-color: var(--brand-soft) !important;
    color: var(--ink) !important;
    border: 1px solid var(--border);
}
:is(:root[data-skin="ink"], :root[data-skin="mono"], :root[data-skin="epaper"])
    :is(.text-success, .text-warning, .text-info, .text-danger, .req) {
    color: var(--ink-soft) !important;
}
/* எச்சரிக்கை / வெற்றி அறிவிப்புகள் — Bootstrap-ன் variable-களையே மாற்றுகிறோம் */
:is(:root[data-skin="ink"], :root[data-skin="mono"], :root[data-skin="epaper"])
    .alert:is(.alert-danger, .alert-success, .alert-warning, .alert-info) {
    --bs-alert-color: var(--ink);
    --bs-alert-bg: var(--bg-alt);
    --bs-alert-border-color: var(--border);
}
/* நீக்கும் பொத்தான் — வெளிக்கோட்டு வடிவம் */
:is(:root[data-skin="ink"], :root[data-skin="mono"], :root[data-skin="epaper"])
    .btn-outline-danger {
    --bs-btn-color: var(--ink-soft);
    --bs-btn-border-color: var(--border);
    --bs-btn-hover-color: var(--bg);
    --bs-btn-hover-bg: var(--ink-soft);
    --bs-btn-hover-border-color: var(--ink-soft);
}

/* ========================= ரோஜா — rose ============================== */
:root[data-skin="rose"] {
    --bg: #fdf5f7; --bg-alt: #f7e8ed; --surface: #ffffff;
    --ink: #2e1c22; --ink-soft: #52353e; --muted: #8d6f78; --border: #ecd8df;
    --brand: #b03a5b; --brand-dark: #8e2c48; --brand-soft: #fbe9ee; --gold: #c08a2e;
    --shadow-sm: 0 2px 10px rgba(120, 40, 60, .07);
    --shadow-md: 0 10px 30px rgba(120, 40, 60, .11);
    --shadow-lg: 0 20px 60px rgba(120, 40, 60, .15);
}
:root[data-skin="rose"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #171013; --bg-alt: #1f161a; --surface: #23181d;
    --ink: #f3e3e8; --ink-soft: #d8c1c9; --muted: #a8888f; --border: #372a2f;
    --brand: #cf6480; --brand-dark: #b34e6a; --brand-soft: #2d1d23; --gold: #d6a24f;
}

/* ====================== குங்குமம் — saffron ========================= */
:root[data-skin="saffron"] {
    --bg: #fff8f0; --bg-alt: #fbeada; --surface: #ffffff;
    --ink: #2f2011; --ink-soft: #543a20; --muted: #8d7458; --border: #f0dcc4;
    --brand: #c25a12; --brand-dark: #9c4509; --brand-soft: #fdeadb; --gold: #b8860b;
    --shadow-sm: 0 2px 10px rgba(120, 70, 20, .08);
    --shadow-md: 0 10px 30px rgba(120, 70, 20, .12);
    --shadow-lg: 0 20px 60px rgba(120, 70, 20, .16);
}
:root[data-skin="saffron"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #17110a; --bg-alt: #201810; --surface: #241b12;
    --ink: #f6e8d8; --ink-soft: #dcc7ad; --muted: #ab947a; --border: #38291c;
    --brand: #d3762f; --brand-dark: #b8631f; --brand-soft: #2e2015; --gold: #d8a93c;
}

/* ========================= அவுரி — indigo =========================== */
:root[data-skin="indigo"] {
    --bg: #f5f5fc; --bg-alt: #e9e9f7; --surface: #ffffff;
    --ink: #1c1c33; --ink-soft: #383a5c; --muted: #71749a; --border: #dcdcef;
    --brand: #3f3d9e; --brand-dark: #302e80; --brand-soft: #eaeafa; --gold: #8a72c8;
    --shadow-sm: 0 2px 10px rgba(40, 40, 110, .07);
    --shadow-md: 0 10px 30px rgba(40, 40, 110, .11);
    --shadow-lg: 0 20px 60px rgba(40, 40, 110, .15);
}
:root[data-skin="indigo"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #101018; --bg-alt: #171826; --surface: #1b1c2c;
    --ink: #e6e6f5; --ink-soft: #c5c6e0; --muted: #9092b5; --border: #2a2b40;
    --brand: #706ecf; --brand-dark: #5b59b5; --brand-soft: #1f2036; --gold: #a894e8;
}

/* ====================== பசுங்கடல் — teal ============================ */
:root[data-skin="teal"] {
    --bg: #f1f9f8; --bg-alt: #e2f0ee; --surface: #ffffff;
    --ink: #142826; --ink-soft: #2f5450; --muted: #6c8f8b; --border: #d2e6e3;
    --brand: #10786e; --brand-dark: #0a5f57; --brand-soft: #e3f3f1; --gold: #b08a2e;
    --shadow-sm: 0 2px 10px rgba(15, 80, 75, .07);
    --shadow-md: 0 10px 30px rgba(15, 80, 75, .11);
    --shadow-lg: 0 20px 60px rgba(15, 80, 75, .15);
}
:root[data-skin="teal"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #0c1514; --bg-alt: #121e1c; --surface: #152321;
    --ink: #e0f0ee; --ink-soft: #bcd8d4; --muted: #85a6a2; --border: #22332f;
    --brand: #2fa294; --brand-dark: #24887c; --brand-soft: #142b28; --gold: #c2a75a;
}

/* ====================== திராட்சை — wine ============================= */
:root[data-skin="wine"] {
    --bg: #fbf4f5; --bg-alt: #f3e3e6; --surface: #ffffff;
    --ink: #2b161b; --ink-soft: #4f2c33; --muted: #8a6a71; --border: #e8d2d7;
    --brand: #8c2338; --brand-dark: #6f1a2c; --brand-soft: #f7e6ea; --gold: #b58a3c;
    --shadow-sm: 0 2px 10px rgba(100, 25, 45, .08);
    --shadow-md: 0 10px 30px rgba(100, 25, 45, .12);
    --shadow-lg: 0 20px 60px rgba(100, 25, 45, .16);
}
:root[data-skin="wine"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #150e10; --bg-alt: #1e1417; --surface: #22171a;
    --ink: #f2e2e5; --ink-soft: #d6bcc2; --muted: #a5868c; --border: #35262a;
    --brand: #b84a64; --brand-dark: #9d3a52; --brand-soft: #2b1a1f; --gold: #cfa257;
}

/* ========================= வானம் — sky ============================== */
:root[data-skin="sky"] {
    --bg: #f4f9fd; --bg-alt: #e5f1fa; --surface: #ffffff;
    --ink: #16232e; --ink-soft: #2f4a5e; --muted: #6b8598; --border: #d4e5f1;
    --brand: #1f78b4; --brand-dark: #175f92; --brand-soft: #e6f2fa; --gold: #d08a2e;
    --shadow-sm: 0 2px 10px rgba(25, 90, 140, .07);
    --shadow-md: 0 10px 30px rgba(25, 90, 140, .11);
    --shadow-lg: 0 20px 60px rgba(25, 90, 140, .15);
}
:root[data-skin="sky"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #0c1219; --bg-alt: #121b24; --surface: #15202b;
    --ink: #e2eef7; --ink-soft: #bdd3e3; --muted: #86a1b4; --border: #223140;
    --brand: #3d92c8; --brand-dark: #2f7aab; --brand-soft: #14293a; --gold: #d8a54f;
}

/* ========================= ஒலிவ் — olive ============================ */
:root[data-skin="olive"] {
    --bg: #f8f8f0; --bg-alt: #eeeedd; --surface: #ffffff;
    --ink: #26281a; --ink-soft: #474a2e; --muted: #7d8065; --border: #e2e3ce;
    --brand: #6b7a2f; --brand-dark: #55621f; --brand-soft: #f0f2df; --gold: #a8842e;
    --shadow-sm: 0 2px 10px rgba(80, 90, 35, .07);
    --shadow-md: 0 10px 30px rgba(80, 90, 35, .11);
    --shadow-lg: 0 20px 60px rgba(80, 90, 35, .15);
}
:root[data-skin="olive"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #131409; --bg-alt: #1b1c11; --surface: #1f2114;
    --ink: #ecefdb; --ink-soft: #cdd2b4; --muted: #98a084; --border: #2e3120;
    --brand: #8ca146; --brand-dark: #758836; --brand-soft: #232616; --gold: #c9a95e;
}

/* ========================= காபி — coffee ============================ */
:root[data-skin="coffee"] {
    --bg: #f8f4f0; --bg-alt: #ede3d9; --surface: #ffffff;
    --ink: #291f18; --ink-soft: #4c392c; --muted: #857165; --border: #e3d5c8;
    --brand: #6b4226; --brand-dark: #52301a; --brand-soft: #f1e6dc; --gold: #a9772f;
    --shadow-sm: 0 2px 10px rgba(80, 50, 30, .08);
    --shadow-md: 0 10px 30px rgba(80, 50, 30, .12);
    --shadow-lg: 0 20px 60px rgba(80, 50, 30, .16);
}
:root[data-skin="coffee"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #14100d; --bg-alt: #1c1713; --surface: #201a15;
    --ink: #f0e5da; --ink-soft: #d3c1b1; --muted: #a08d7d; --border: #33291f;
    --brand: #a56f45; --brand-dark: #8b5a34; --brand-soft: #29201a; --gold: #cfa054;
}

/* ====================== கருங்கல் — slate ============================ */
:root[data-skin="slate"] {
    --bg: #f5f7f9; --bg-alt: #e8edf1; --surface: #ffffff;
    --ink: #1a2029; --ink-soft: #3a4552; --muted: #74808e; --border: #dbe2e8;
    --brand: #44607d; --brand-dark: #334b63; --brand-soft: #eaf0f5; --gold: #94794a;
    --shadow-sm: 0 2px 10px rgba(40, 60, 80, .07);
    --shadow-md: 0 10px 30px rgba(40, 60, 80, .11);
    --shadow-lg: 0 20px 60px rgba(40, 60, 80, .15);
}
:root[data-skin="slate"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #0e1216; --bg-alt: #161b21; --surface: #1a2027;
    --ink: #e6ecf2; --ink-soft: #c4cdd7; --muted: #8d98a5; --border: #28313a;
    --brand: #648aad; --brand-dark: #517296; --brand-soft: #1c2630; --gold: #b09a68;
}

/* ========================= புதினா — mint ============================ */
:root[data-skin="mint"] {
    --bg: #f2fbf7; --bg-alt: #e2f4ec; --surface: #ffffff;
    --ink: #142a20; --ink-soft: #2d5544; --muted: #6a9080; --border: #d1eae0;
    --brand: #12836a; --brand-dark: #0c6852; --brand-soft: #e4f6ef; --gold: #b09030;
    --shadow-sm: 0 2px 10px rgba(15, 90, 70, .07);
    --shadow-md: 0 10px 30px rgba(15, 90, 70, .11);
    --shadow-lg: 0 20px 60px rgba(15, 90, 70, .15);
}
:root[data-skin="mint"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #0b1611; --bg-alt: #111f19; --surface: #14241d;
    --ink: #dff3ea; --ink-soft: #b9dccc; --muted: #82a897; --border: #1f342a;
    --brand: #2fae8b; --brand-dark: #239073; --brand-soft: #122c22; --gold: #c2a95e;
}

/* ========================= அம்பர் — amber =========================== */
:root[data-skin="amber"] {
    --bg: #fffaf0; --bg-alt: #fbf0d8; --surface: #ffffff;
    --ink: #302614; --ink-soft: #574523; --muted: #8d7c56; --border: #f0e3c6;
    --brand: #a9761a; --brand-dark: #855b0f; --brand-soft: #fcf0d9; --gold: #c2952f;
    --shadow-sm: 0 2px 10px rgba(130, 95, 20, .08);
    --shadow-md: 0 10px 30px rgba(130, 95, 20, .12);
    --shadow-lg: 0 20px 60px rgba(130, 95, 20, .16);
}
:root[data-skin="amber"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #16120a; --bg-alt: #1f1a0f; --surface: #241e12;
    --ink: #f6ecd7; --ink-soft: #dccdab; --muted: #ab9b78; --border: #372d1c;
    --brand: #c48f2f; --brand-dark: #a87823; --brand-soft: #2b2214; --gold: #d8be6a;
}

/* ========================= தாமரை — lotus ============================ */
:root[data-skin="lotus"] {
    --bg: #fdf6f9; --bg-alt: #f7e9f0; --surface: #ffffff;
    --ink: #2d1f28; --ink-soft: #513a4a; --muted: #8c7383; --border: #ecd9e4;
    --brand: #b34a86; --brand-dark: #93386c; --brand-soft: #fbe9f2; --gold: #4f9d6b;
    --shadow-sm: 0 2px 10px rgba(120, 45, 95, .07);
    --shadow-md: 0 10px 30px rgba(120, 45, 95, .11);
    --shadow-lg: 0 20px 60px rgba(120, 45, 95, .15);
}
:root[data-skin="lotus"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #171016; --bg-alt: #20171e; --surface: #241922;
    --ink: #f4e4ee; --ink-soft: #d9c2d0; --muted: #a88a9c; --border: #382a34;
    --brand: #c76c9e; --brand-dark: #ad5686; --brand-soft: #2d1d28; --gold: #6fbf8a;
}

/* ====================== நள்ளிரவு — midnight ========================= */
:root[data-skin="midnight"] {
    --bg: #f4f6fa; --bg-alt: #e6ebf4; --surface: #ffffff;
    --ink: #131a2b; --ink-soft: #2e3a55; --muted: #6c7794; --border: #d6deeb;
    --brand: #23366b; --brand-dark: #182852; --brand-soft: #e8edf7; --gold: #8a7bbf;
    --shadow-sm: 0 2px 10px rgba(25, 40, 85, .07);
    --shadow-md: 0 10px 30px rgba(25, 40, 85, .11);
    --shadow-lg: 0 20px 60px rgba(25, 40, 85, .15);
}
:root[data-skin="midnight"][data-theme="dark"] {
    color-scheme: dark;
    --bg: #080b14; --bg-alt: #0e1320; --surface: #111726;
    --ink: #e3e8f5; --ink-soft: #c0c9e0; --muted: #8994b3; --border: #1e2740;
    --brand: #6274bd; --brand-dark: #4e5fa3; --brand-soft: #151c33; --gold: #a396e0;
}