/* =========================================================
   AROMA ERP — THEME TOKENS
   Single authoritative source for themes 0–15.
   ========================================================= */


/* =========================================================
   0 — Executive Blue
   ========================================================= */
html[data-aroma-theme="0"] {
    --aroma-primary: #2f6f9f;
    --aroma-primary-dark: #12324a;
    --aroma-secondary: #1e567e;
    --aroma-page-bg: #f3f7fa;
    --aroma-card-bg: #ffffff;
    --aroma-text: #20313d;
    --aroma-heading: #122634;
    --aroma-muted: #617480;
    --aroma-border: #d4e0e7;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #e3eef5;
    --aroma-table-head-text: #173e59;
    --aroma-shadow: rgba(21,62,89,.17);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #f8fbfd;
    --aroma-arrow-bg: rgba(255,255,255,.94);
    --aroma-arrow-color: #1e567e;
    --aroma-header-glass: rgba(255,255,255,.10);
    --aroma-header-glass-hover: rgba(255,255,255,.20);
    --aroma-header-border: rgba(255,255,255,.23);
}


/* =========================================================
   1 — Midnight Indigo
   ========================================================= */
html[data-aroma-theme="1"] {
    color-scheme: dark;

    --aroma-primary: #818cf8;
    --aroma-primary-dark: #0b1023;
    --aroma-secondary: #312e81;
    --aroma-page-bg: #090d1b;
    --aroma-card-bg: #12182a;
    --aroma-text: #e8ecff;
    --aroma-heading: #ffffff;
    --aroma-muted: #aeb7d7;
    --aroma-border: #303956;
    --aroma-input-bg: #171e33;
    --aroma-table-head: #1c2540;
    --aroma-table-head-text: #e0e7ff;
    --aroma-shadow: rgba(0,0,0,.48);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #eef2ff;
    --aroma-arrow-color: #3730a3;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #4ade80;
    --ui-success-soft: #102b1d;
    --ui-warning: #fbbf24;
    --ui-warning-soft: #30270d;
    --ui-danger: #fb7185;
    --ui-danger-soft: #32151f;
    --ui-info: #67e8f9;
    --ui-info-soft: #102a33;
}


/* =========================================================
   2 — Deep Ocean
   ========================================================= */
html[data-aroma-theme="2"] {
    --aroma-primary: #0284c7;
    --aroma-primary-dark: #082f49;
    --aroma-secondary: #0369a1;
    --aroma-page-bg: #eff9ff;
    --aroma-card-bg: #ffffff;
    --aroma-text: #17384b;
    --aroma-heading: #082f49;
    --aroma-muted: #617d8c;
    --aroma-border: #cbe3ef;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #dceff8;
    --aroma-table-head-text: #0c4a6e;
    --aroma-shadow: rgba(2,132,199,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #e0f2fe;
    --aroma-arrow-color: #075985;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #0284c7;
    --ui-info-soft: #e0f2fe;
}


/* =========================================================
   3 — Forest Office
   ========================================================= */
html[data-aroma-theme="3"] {
    --aroma-primary: #2f855a;
    --aroma-primary-dark: #173f2b;
    --aroma-secondary: #276749;
    --aroma-page-bg: #f1f8f3;
    --aroma-card-bg: #ffffff;
    --aroma-text: #294337;
    --aroma-heading: #173f2b;
    --aroma-muted: #667d70;
    --aroma-border: #d3e4d8;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #e0efe4;
    --aroma-table-head-text: #214f35;
    --aroma-shadow: rgba(47,133,90,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ecfdf5;
    --aroma-arrow-color: #166534;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #2f855a;
    --ui-success-soft: #e2f4e8;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #2f855a;
    --ui-info-soft: #f1f8f3;
}


/* =========================================================
   4 — Premium Gold
   ========================================================= */
html[data-aroma-theme="4"] {
    --aroma-primary: #b88924;
    --aroma-primary-dark: #4c3510;
    --aroma-secondary: #8d671d;
    --aroma-page-bg: #fbf8ef;
    --aroma-card-bg: #ffffff;
    --aroma-text: #4c4129;
    --aroma-heading: #34290f;
    --aroma-muted: #7c7159;
    --aroma-border: #e8dec3;
    --aroma-input-bg: #fffef9;
    --aroma-table-head: #f3ead0;
    --aroma-table-head-text: #654b12;
    --aroma-shadow: rgba(184,137,36,.17);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #fff7d6;
    --aroma-arrow-color: #76560f;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #b88924;
    --ui-warning-soft: #f8eed2;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #8d671d;
    --ui-info-soft: #f3ead8;
}


/* =========================================================
   5 — Burgundy Classic
   ========================================================= */
html[data-aroma-theme="5"] {
    --aroma-primary: #a61e4d;
    --aroma-primary-dark: #4a0d25;
    --aroma-secondary: #7f173b;
    --aroma-page-bg: #fbf3f6;
    --aroma-card-bg: #ffffff;
    --aroma-text: #4b2835;
    --aroma-heading: #3c1021;
    --aroma-muted: #80626d;
    --aroma-border: #ead2db;
    --aroma-input-bg: #fffdfd;
    --aroma-table-head: #f3dfe6;
    --aroma-table-head-text: #6f1535;
    --aroma-shadow: rgba(166,30,77,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ffe4ed;
    --aroma-arrow-color: #881337;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #a61e4d;
    --ui-danger-soft: #f7e1e8;
    --ui-info: #a61e4d;
    --ui-info-soft: #fbf3f6;
}


/* =========================================================
   6 — Medical Cyan
   ========================================================= */
html[data-aroma-theme="6"] {
    --aroma-primary: #0891b2;
    --aroma-primary-dark: #164e63;
    --aroma-secondary: #0e7490;
    --aroma-page-bg: #effbfc;
    --aroma-card-bg: #ffffff;
    --aroma-text: #1f4148;
    --aroma-heading: #123c46;
    --aroma-muted: #668086;
    --aroma-border: #cde8ec;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #dff3f5;
    --aroma-table-head-text: #155e75;
    --aroma-shadow: rgba(8,145,178,.15);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #cffafe;
    --aroma-arrow-color: #155e75;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #0891b2;
    --ui-info-soft: #cffafe;
}


/* =========================================================
   7 — Royal Purple
   ========================================================= */
html[data-aroma-theme="7"] {
    --aroma-primary: #7c3aed;
    --aroma-primary-dark: #3b0764;
    --aroma-secondary: #6d28d9;
    --aroma-page-bg: #f7f3ff;
    --aroma-card-bg: #ffffff;
    --aroma-text: #3d3150;
    --aroma-heading: #2e1065;
    --aroma-muted: #756a83;
    --aroma-border: #dfd3f2;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #ede5fa;
    --aroma-table-head-text: #5b21b6;
    --aroma-shadow: rgba(124,58,237,.15);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ede9fe;
    --aroma-arrow-color: #5b21b6;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #7c3aed;
    --ui-info-soft: #ede9fe;
}


/* =========================================================
   8 — Graphite Light
   ========================================================= */
html[data-aroma-theme="8"] {
    --aroma-primary: #52616b;
    --aroma-primary-dark: #202a31;
    --aroma-secondary: #3d4b54;
    --aroma-page-bg: #f4f6f7;
    --aroma-card-bg: #ffffff;
    --aroma-text: #303b42;
    --aroma-heading: #1f2930;
    --aroma-muted: #6a767d;
    --aroma-border: #d7dde1;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #e6eaed;
    --aroma-table-head-text: #35434b;
    --aroma-shadow: rgba(53,67,75,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #edf1f3;
    --aroma-arrow-color: #37474f;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #52616b;
    --ui-info-soft: #e7ecef;
}


/* =========================================================
   9 — High Contrast Night
   ========================================================= */
html[data-aroma-theme="9"] {
    color-scheme: dark;

    --aroma-primary: #00d9ff;
    --aroma-primary-dark: #000000;
    --aroma-secondary: #004f5d;
    --aroma-page-bg: #000000;
    --aroma-card-bg: #101010;
    --aroma-text: #ffffff;
    --aroma-heading: #ffffff;
    --aroma-muted: #e5e5e5;
    --aroma-border: #ffffff;
    --aroma-input-bg: #000000;
    --aroma-table-head: #191919;
    --aroma-table-head-text: #ffffff;
    --aroma-shadow: rgba(0,217,255,.28);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ffffff;
    --aroma-arrow-color: #000000;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #00ff66;
    --ui-success-soft: #002b12;
    --ui-warning: #ffff00;
    --ui-warning-soft: #292900;
    --ui-danger: #ff5252;
    --ui-danger-soft: #300000;
    --ui-info: #00ffff;
    --ui-info-soft: #003333;
}


/* =========================================================
   10 — Aurora Night
   ========================================================= */
html[data-aroma-theme="10"] {
    color-scheme: dark;

    --aroma-primary: #8b7cf6;
    --aroma-primary-dark: #090b1c;
    --aroma-secondary: #1c3271;

    --aroma-page-bg: #080b18;
    --aroma-card-bg: #12172a;
    --aroma-text: #edf0ff;
    --aroma-heading: #ffffff;
    --aroma-muted: #aeb7d7;
    --aroma-border: #303a61;
    --aroma-input-bg: #171e35;

    --aroma-table-head: #1b2441;
    --aroma-table-head-text: #dfe4ff;

    --aroma-shadow: rgba(0, 0, 0, .48);

    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ede9fe;
    --aroma-arrow-color: #40338d;

    --aroma-header-glass: rgba(255,255,255,.08);
    --aroma-header-glass-hover: rgba(167,139,250,.21);
    --aroma-header-border: rgba(196,181,253,.27);

    --ui-success: #4ade80;
    --ui-success-soft: #10291d;

    --ui-warning: #fbbf24;
    --ui-warning-soft: #30260d;

    --ui-danger: #fb7185;
    --ui-danger-soft: #321520;

    --ui-info: #67e8f9;
    --ui-info-soft: #102934;
}


/* =========================================================
   11 — Emerald Glass
   ========================================================= */
html[data-aroma-theme="11"] {
    --aroma-primary: #16866b;
    --aroma-primary-dark: #073b34;
    --aroma-secondary: #0d6858;

    --aroma-page-bg: #edf7f3;
    --aroma-card-bg: #ffffff;
    --aroma-text: #24483e;
    --aroma-heading: #123c32;
    --aroma-muted: #648077;
    --aroma-border: #c4ded5;
    --aroma-input-bg: #fbfffd;

    --aroma-table-head: #d9eee7;
    --aroma-table-head-text: #175b4a;

    --aroma-shadow: rgba(12, 92, 72, .17);

    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #e8fff7;
    --aroma-arrow-color: #0d6858;

    --aroma-header-glass: rgba(255,255,255,.10);
    --aroma-header-glass-hover: rgba(110,231,183,.20);
    --aroma-header-border: rgba(167,243,208,.28);

    --ui-success: #16866b;
    --ui-success-soft: #d9eee7;

    --ui-warning: #bd7b16;
    --ui-warning-soft: #fff4df;

    --ui-danger: #c84f56;
    --ui-danger-soft: #fff0f1;

    --ui-info: #1684a0;
    --ui-info-soft: #ddf3f7;
}


/* =========================================================
   12 — Copper Sunset
   ========================================================= */
html[data-aroma-theme="12"] {
    --aroma-primary: #bd6b3b;
    --aroma-primary-dark: #472316;
    --aroma-secondary: #874124;

    --aroma-page-bg: #faf3ee;
    --aroma-card-bg: #ffffff;
    --aroma-text: #52372b;
    --aroma-heading: #372015;
    --aroma-muted: #886c60;
    --aroma-border: #e5d0c5;
    --aroma-input-bg: #fffdfb;

    --aroma-table-head: #f2e2d8;
    --aroma-table-head-text: #743c24;

    --aroma-shadow: rgba(103, 50, 26, .18);

    --aroma-header-text: #fffaf7;
    --aroma-dropdown-text: #fffaf7;
    --aroma-arrow-bg: #fff0e6;
    --aroma-arrow-color: #874124;

    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(251,146,60,.19);
    --aroma-header-border: rgba(254,215,170,.30);

    --ui-success: #38875d;
    --ui-success-soft: #e8f5ee;

    --ui-warning: #bd6b3b;
    --ui-warning-soft: #f2e2d8;

    --ui-danger: #bd4141;
    --ui-danger-soft: #fff0f0;

    --ui-info: #438198;
    --ui-info-soft: #e7f4f7;
}


/* =========================================================
   13 — Arctic Ice
   ========================================================= */
html[data-aroma-theme="13"] {
    --aroma-primary: #3b82a0;
    --aroma-primary-dark: #173c50;
    --aroma-secondary: #28647e;

    --aroma-page-bg: #f1f8fb;
    --aroma-card-bg: #ffffff;
    --aroma-text: #294754;
    --aroma-heading: #153440;
    --aroma-muted: #66818b;
    --aroma-border: #cee1e8;
    --aroma-input-bg: #ffffff;

    --aroma-table-head: #e0eff4;
    --aroma-table-head-text: #235568;

    --aroma-shadow: rgba(34, 92, 115, .15);

    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #f0fbff;
    --aroma-arrow-color: #28647e;

    --aroma-header-glass: rgba(255,255,255,.11);
    --aroma-header-glass-hover: rgba(186,230,253,.22);
    --aroma-header-border: rgba(224,242,254,.30);

    --ui-success: #22805a;
    --ui-success-soft: #e6f6ee;

    --ui-warning: #b87515;
    --ui-warning-soft: #fff5e4;

    --ui-danger: #bd4b54;
    --ui-danger-soft: #fff0f1;

    --ui-info: #3b82a0;
    --ui-info-soft: #e0eff4;
}


/* =========================================================
   14 — Rose Quartz
   ========================================================= */
html[data-aroma-theme="14"] {
    --aroma-primary: #a9687a;
    --aroma-primary-dark: #482631;
    --aroma-secondary: #7f4355;

    --aroma-page-bg: #faf4f6;
    --aroma-card-bg: #ffffff;
    --aroma-text: #574047;
    --aroma-heading: #3b252c;
    --aroma-muted: #876e75;
    --aroma-border: #e5d1d7;
    --aroma-input-bg: #fffdfd;

    --aroma-table-head: #f1e2e6;
    --aroma-table-head-text: #6f3d4b;

    --aroma-shadow: rgba(101, 49, 64, .16);

    --aroma-header-text: #fffafb;
    --aroma-dropdown-text: #fffafb;
    --aroma-arrow-bg: #fff0f4;
    --aroma-arrow-color: #7f4355;

    --aroma-header-glass: rgba(255,255,255,.10);
    --aroma-header-glass-hover: rgba(251,182,206,.20);
    --aroma-header-border: rgba(251,207,232,.29);

    --ui-success: #398060;
    --ui-success-soft: #e9f5ef;

    --ui-warning: #b97925;
    --ui-warning-soft: #fff4e3;

    --ui-danger: #a9687a;
    --ui-danger-soft: #f1e2e6;

    --ui-info: #657fa0;
    --ui-info-soft: #e9f0f7;
}


/* =========================================================
   15 — Slate Pro
   ========================================================= */
html[data-aroma-theme="15"] {
    color-scheme: dark;

    --aroma-primary: #75a7bd;
    --aroma-primary-dark: #11181d;
    --aroma-secondary: #2d4652;

    --aroma-page-bg: #11171b;
    --aroma-card-bg: #1a2329;
    --aroma-text: #e7eef1;
    --aroma-heading: #ffffff;
    --aroma-muted: #a9b8bf;
    --aroma-border: #394a53;
    --aroma-input-bg: #202c33;

    --aroma-table-head: #26343c;
    --aroma-table-head-text: #e9f5fa;

    --aroma-shadow: rgba(0, 0, 0, .43);

    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #e1edf2;
    --aroma-arrow-color: #263f4b;

    --aroma-header-glass: rgba(255,255,255,.07);
    --aroma-header-glass-hover: rgba(125,211,252,.16);
    --aroma-header-border: rgba(186,230,253,.22);

    --ui-success: #55c98b;
    --ui-success-soft: #163024;

    --ui-warning: #e6b84a;
    --ui-warning-soft: #332a14;

    --ui-danger: #e67883;
    --ui-danger-soft: #351c22;

    --ui-info: #7dd3fc;
    --ui-info-soft: #17303b;
}



/* AROMA DISTINCT THEMES 16-31 START */

/* =========================================================
   16 — Royal Sapphire
   ========================================================= */
html[data-aroma-theme="16"] {
    --aroma-primary: #1d4ed8;
    --aroma-primary-dark: #172554;
    --aroma-secondary: #1e40af;
    --aroma-page-bg: #f1f5ff;
    --aroma-card-bg: #ffffff;
    --aroma-text: #24324c;
    --aroma-heading: #172554;
    --aroma-muted: #65728b;
    --aroma-border: #d5def0;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #e2e9fa;
    --aroma-table-head-text: #1e3a8a;
    --aroma-shadow: rgba(29,78,216,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #dbeafe;
    --aroma-arrow-color: #1e40af;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #1d4ed8;
    --ui-info-soft: #f1f5ff;
}


/* =========================================================
   17 — Teal Business
   ========================================================= */
html[data-aroma-theme="17"] {
    --aroma-primary: #0f766e;
    --aroma-primary-dark: #134e4a;
    --aroma-secondary: #115e59;
    --aroma-page-bg: #effaf8;
    --aroma-card-bg: #ffffff;
    --aroma-text: #254442;
    --aroma-heading: #123c39;
    --aroma-muted: #667f7c;
    --aroma-border: #cee6e2;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #dcf2ee;
    --aroma-table-head-text: #115e59;
    --aroma-shadow: rgba(15,118,110,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ccfbf1;
    --aroma-arrow-color: #115e59;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #0f766e;
    --ui-info-soft: #effaf8;
}


/* =========================================================
   18 — Plum Executive
   ========================================================= */
html[data-aroma-theme="18"] {
    --aroma-primary: #9333a8;
    --aroma-primary-dark: #4a044e;
    --aroma-secondary: #7e22ce;
    --aroma-page-bg: #fbf4fc;
    --aroma-card-bg: #ffffff;
    --aroma-text: #49304d;
    --aroma-heading: #3b0a3f;
    --aroma-muted: #806b84;
    --aroma-border: #ead3ee;
    --aroma-input-bg: #fffefe;
    --aroma-table-head: #f3e2f5;
    --aroma-table-head-text: #701a75;
    --aroma-shadow: rgba(147,51,168,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #fae8ff;
    --aroma-arrow-color: #86198f;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #9333a8;
    --ui-info-soft: #fbf4fc;
}


/* =========================================================
   19 — Terracotta
   ========================================================= */
html[data-aroma-theme="19"] {
    --aroma-primary: #c05621;
    --aroma-primary-dark: #5f2b14;
    --aroma-secondary: #9c4221;
    --aroma-page-bg: #fff6f0;
    --aroma-card-bg: #ffffff;
    --aroma-text: #51372d;
    --aroma-heading: #442515;
    --aroma-muted: #806d64;
    --aroma-border: #ead8cd;
    --aroma-input-bg: #fffdfb;
    --aroma-table-head: #f6e6db;
    --aroma-table-head-text: #7b341e;
    --aroma-shadow: rgba(192,86,33,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ffedd5;
    --aroma-arrow-color: #9a3412;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #c05621;
    --ui-info-soft: #fff6f0;
}


/* =========================================================
   20 — Skyline
   ========================================================= */
html[data-aroma-theme="20"] {
    --aroma-primary: #0284c7;
    --aroma-primary-dark: #0c4a6e;
    --aroma-secondary: #0369a1;
    --aroma-page-bg: #f0f9ff;
    --aroma-card-bg: #ffffff;
    --aroma-text: #263f4d;
    --aroma-heading: #0c4a6e;
    --aroma-muted: #69808d;
    --aroma-border: #cde5f1;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #e0f2fe;
    --aroma-table-head-text: #075985;
    --aroma-shadow: rgba(2,132,199,.15);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #e0f2fe;
    --aroma-arrow-color: #075985;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #0284c7;
    --ui-info-soft: #f0f9ff;
}


/* =========================================================
   21 — Carbon Dark
   ========================================================= */
html[data-aroma-theme="21"] {
    color-scheme: dark;

    --aroma-primary: #94a3b8;
    --aroma-primary-dark: #0f172a;
    --aroma-secondary: #334155;
    --aroma-page-bg: #0b1120;
    --aroma-card-bg: #151e2e;
    --aroma-text: #e5edf5;
    --aroma-heading: #ffffff;
    --aroma-muted: #aab7c7;
    --aroma-border: #344258;
    --aroma-input-bg: #1c2738;
    --aroma-table-head: #202d40;
    --aroma-table-head-text: #e2e8f0;
    --aroma-shadow: rgba(0,0,0,.5);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #e2e8f0;
    --aroma-arrow-color: #1e293b;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #4ade80;
    --ui-success-soft: #112d20;
    --ui-warning: #facc15;
    --ui-warning-soft: #322b0d;
    --ui-danger: #fb7185;
    --ui-danger-soft: #351720;
    --ui-info: #7dd3fc;
    --ui-info-soft: #123044;
}


/* =========================================================
   22 — Sandstone
   ========================================================= */
html[data-aroma-theme="22"] {
    --aroma-primary: #a16207;
    --aroma-primary-dark: #51320a;
    --aroma-secondary: #854d0e;
    --aroma-page-bg: #faf7ef;
    --aroma-card-bg: #ffffff;
    --aroma-text: #4d4332;
    --aroma-heading: #3e2d10;
    --aroma-muted: #7c705e;
    --aroma-border: #e7ddc9;
    --aroma-input-bg: #fffef9;
    --aroma-table-head: #f1e8d6;
    --aroma-table-head-text: #713f12;
    --aroma-shadow: rgba(161,98,7,.15);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #fef3c7;
    --aroma-arrow-color: #854d0e;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #a16207;
    --ui-info-soft: #faf7ef;
}


/* =========================================================
   23 — Olive Studio
   ========================================================= */
html[data-aroma-theme="23"] {
    --aroma-primary: #657a28;
    --aroma-primary-dark: #30400f;
    --aroma-secondary: #52651f;
    --aroma-page-bg: #f6f8ef;
    --aroma-card-bg: #ffffff;
    --aroma-text: #3d4630;
    --aroma-heading: #2f391a;
    --aroma-muted: #747d66;
    --aroma-border: #dde4cb;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #e9eedc;
    --aroma-table-head-text: #4d5f1d;
    --aroma-shadow: rgba(101,122,40,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ecfccb;
    --aroma-arrow-color: #4d7c0f;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #657a28;
    --ui-info-soft: #f6f8ef;
}


/* =========================================================
   24 — Coral Modern
   ========================================================= */
html[data-aroma-theme="24"] {
    --aroma-primary: #e05d5d;
    --aroma-primary-dark: #6f2424;
    --aroma-secondary: #c24141;
    --aroma-page-bg: #fff5f4;
    --aroma-card-bg: #ffffff;
    --aroma-text: #533636;
    --aroma-heading: #421d1d;
    --aroma-muted: #856b6b;
    --aroma-border: #efd6d3;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #f9e4e1;
    --aroma-table-head-text: #a83232;
    --aroma-shadow: rgba(224,93,93,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #fee2e2;
    --aroma-arrow-color: #b91c1c;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #e05d5d;
    --ui-info-soft: #fff5f4;
}


/* =========================================================
   25 — Mint Clean
   ========================================================= */
html[data-aroma-theme="25"] {
    --aroma-primary: #10b981;
    --aroma-primary-dark: #064e3b;
    --aroma-secondary: #059669;
    --aroma-page-bg: #effcf7;
    --aroma-card-bg: #ffffff;
    --aroma-text: #24463b;
    --aroma-heading: #064e3b;
    --aroma-muted: #668078;
    --aroma-border: #cae9dd;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #d9f5e9;
    --aroma-table-head-text: #047857;
    --aroma-shadow: rgba(16,185,129,.15);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #d1fae5;
    --aroma-arrow-color: #047857;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #10b981;
    --ui-info-soft: #effcf7;
}


/* =========================================================
   26 — Navy Gold
   ========================================================= */
html[data-aroma-theme="26"] {
    --aroma-primary: #d4a72c;
    --aroma-primary-dark: #111c35;
    --aroma-secondary: #263b68;
    --aroma-page-bg: #f5f7fb;
    --aroma-card-bg: #ffffff;
    --aroma-text: #26344e;
    --aroma-heading: #111c35;
    --aroma-muted: #6a768d;
    --aroma-border: #d5dceb;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #e3e8f2;
    --aroma-table-head-text: #1f335f;
    --aroma-shadow: rgba(38,59,104,.18);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #fff5cc;
    --aroma-arrow-color: #765b00;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #d4a72c;
    --ui-info-soft: #f5f7fb;
}


/* =========================================================
   27 — Lavender Mist
   ========================================================= */
html[data-aroma-theme="27"] {
    --aroma-primary: #8b5cf6;
    --aroma-primary-dark: #3c1f78;
    --aroma-secondary: #7c3aed;
    --aroma-page-bg: #f8f5ff;
    --aroma-card-bg: #ffffff;
    --aroma-text: #403650;
    --aroma-heading: #2f1c5c;
    --aroma-muted: #746b82;
    --aroma-border: #e2d8f3;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #eee7fa;
    --aroma-table-head-text: #6d28d9;
    --aroma-shadow: rgba(139,92,246,.15);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ede9fe;
    --aroma-arrow-color: #6d28d9;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #8b5cf6;
    --ui-info-soft: #f8f5ff;
}


/* =========================================================
   28 — Petrol Night
   ========================================================= */
html[data-aroma-theme="28"] {
    color-scheme: dark;

    --aroma-primary: #2dd4bf;
    --aroma-primary-dark: #082f34;
    --aroma-secondary: #115e59;
    --aroma-page-bg: #071819;
    --aroma-card-bg: #102426;
    --aroma-text: #dff8f5;
    --aroma-heading: #ffffff;
    --aroma-muted: #9cbdb9;
    --aroma-border: #285052;
    --aroma-input-bg: #163638;
    --aroma-table-head: #193f40;
    --aroma-table-head-text: #ccfbf1;
    --aroma-shadow: rgba(0,0,0,.48);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ccfbf1;
    --aroma-arrow-color: #115e59;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #5ee6a8;
    --ui-success-soft: #123528;
    --ui-warning: #f8c85c;
    --ui-warning-soft: #392e12;
    --ui-danger: #ff7b8c;
    --ui-danger-soft: #3a1a20;
    --ui-info: #67e8f9;
    --ui-info-soft: #10343a;
}


/* =========================================================
   29 — Cherry Night
   ========================================================= */
html[data-aroma-theme="29"] {
    color-scheme: dark;

    --aroma-primary: #fb7185;
    --aroma-primary-dark: #4c0519;
    --aroma-secondary: #9f1239;
    --aroma-page-bg: #17080e;
    --aroma-card-bg: #2a111a;
    --aroma-text: #ffe7ed;
    --aroma-heading: #ffffff;
    --aroma-muted: #cba5b1;
    --aroma-border: #593042;
    --aroma-input-bg: #351923;
    --aroma-table-head: #40202c;
    --aroma-table-head-text: #ffe4e6;
    --aroma-shadow: rgba(0,0,0,.48);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #ffe4e6;
    --aroma-arrow-color: #9f1239;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #4ade80;
    --ui-success-soft: #153021;
    --ui-warning: #fbbf24;
    --ui-warning-soft: #352a0d;
    --ui-danger: #fb7185;
    --ui-danger-soft: #3b1521;
    --ui-info: #f9a8d4;
    --ui-info-soft: #3b1730;
}


/* =========================================================
   30 — Monochrome Pro
   ========================================================= */
html[data-aroma-theme="30"] {
    --aroma-primary: #4b5563;
    --aroma-primary-dark: #111827;
    --aroma-secondary: #374151;
    --aroma-page-bg: #f5f5f5;
    --aroma-card-bg: #ffffff;
    --aroma-text: #303030;
    --aroma-heading: #171717;
    --aroma-muted: #6f6f6f;
    --aroma-border: #d5d5d5;
    --aroma-input-bg: #ffffff;
    --aroma-table-head: #e7e7e7;
    --aroma-table-head-text: #292929;
    --aroma-shadow: rgba(17,24,39,.16);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #f3f4f6;
    --aroma-arrow-color: #1f2937;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #16865e;
    --ui-success-soft: #e9f9f1;
    --ui-warning: #c66e0a;
    --ui-warning-soft: #fff5e6;
    --ui-danger: #c94444;
    --ui-danger-soft: #fff0f0;
    --ui-info: #4b5563;
    --ui-info-soft: #e5e7eb;
}


/* =========================================================
   31 — Electric Blue Night
   ========================================================= */
html[data-aroma-theme="31"] {
    color-scheme: dark;

    --aroma-primary: #38bdf8;
    --aroma-primary-dark: #07152b;
    --aroma-secondary: #075985;
    --aroma-page-bg: #050b18;
    --aroma-card-bg: #101c31;
    --aroma-text: #e6f4ff;
    --aroma-heading: #ffffff;
    --aroma-muted: #9fb6cc;
    --aroma-border: #29405e;
    --aroma-input-bg: #172640;
    --aroma-table-head: #1d3150;
    --aroma-table-head-text: #dbeafe;
    --aroma-shadow: rgba(0,0,0,.52);
    --aroma-header-text: #ffffff;
    --aroma-dropdown-text: #ffffff;
    --aroma-arrow-bg: #e0f2fe;
    --aroma-arrow-color: #075985;
    --aroma-header-glass: rgba(255,255,255,.09);
    --aroma-header-glass-hover: rgba(255,255,255,.18);
    --aroma-header-border: rgba(255,255,255,.23);
    --ui-success: #4ade80;
    --ui-success-soft: #102f20;
    --ui-warning: #fde047;
    --ui-warning-soft: #332f0d;
    --ui-danger: #fb7185;
    --ui-danger-soft: #371720;
    --ui-info: #38bdf8;
    --ui-info-soft: #0d3045;
}

/* AROMA DISTINCT THEMES 16-31 END */