/*==================================
    DEFAULT VARIABLES
===================================*/

:root{

    --white:#fff;
    --background:#fff;
    --extra-light:#f7f7f7;
    --border-color:#e5e5e5;

    --success:#22c55e;

    /* Universal Decorative */
    --bg-decorative:rgba(var(--primary-rgb),.07);
    --bg-decorative-light:rgba(var(--primary-rgb),.05);

    /* Universal Overlay */
    --overlay:rgba(0,0,0,.58);
    --overlay-light:rgba(0,0,0,.45);
    --image-overlay:rgba(255,255,255,.82);
    --image-overlay-soft:rgba(255,255,255,.25);
    --image-bottom-overlay:rgba(27,27,27,.08);

    /* Universal Shadows */
    --shadow:0 8px 28px rgba(var(--primary-rgb),.08);
    --shadow-sm:0 4px 14px rgba(var(--primary-rgb),.06);
    --shadow-lg:0 18px 42px rgba(var(--primary-rgb),.15);

    /* Universal Radius */
    --radius:10px;
    --radius-md:12px;
    --radius-lg:16px;
    --radius-xl:20px;

    /* Universal Transition */
    --transition-fast:.2s ease;
    --transition:.35s ease;
    --transition-slow:.5s ease;

    /* Universal Effects */
    --hover-lift:-6px;
    --hover-scale:1.08;

    --max-width:1200px;
}


/*==================================================
    THEME 1 : GOLD
==================================================*/

.theme-gold{
    --primary-color:#e5c641;
    --primary-hover:#d4b42d;
    --primary-rgb:229,198,65;

    --text-dark:#000;
    --text-light:#737373;
    --text-muted:#9ca3af;

    --background:#fafafa;
    --extra-light:#f4f6f6;
    --border-color:#e5e7eb;

    --bg-gradient-start:#fffdf2;
    --bg-gradient-middle:#faf8ed;
    --bg-gradient-end:#f4edc8;
    --bg-border:#eadf9d;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 2 : BROWN
==================================================*/

.theme-brown{
    --primary-color:#b8926a;
    --primary-hover:#a57d55;
    --primary-rgb:184,146,106;

    --text-dark:#1c1c1c;
    --text-light:#686868;
    --text-muted:#949494;

    --background:#fbfaf8;
    --extra-light:#f5f2ee;
    --border-color:#e8e2db;

    --bg-gradient-start:#faf6f0;
    --bg-gradient-middle:#f7f2ec;
    --bg-gradient-end:#eadccf;
    --bg-border:#e3d2c1;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 3 : PREMIUM GOLD
==================================================*/

.theme-premium{
    --primary-color:#c9a227;
    --primary-hover:#b18d1e;
    --primary-rgb:201,162,39;

    --text-dark:#111;
    --text-light:#5f5f5f;
    --text-muted:#8b8b8b;

    --background:#f8f8f8;
    --extra-light:#f2f2f2;
    --border-color:#e3e3e3;

    --bg-gradient-start:#fffdf4;
    --bg-gradient-middle:#faf8ef;
    --bg-gradient-end:#f1e6b8;
    --bg-border:#e5d79c;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 4 : PEACH
==================================================*/

.theme-peach{
    --primary-color:#d59c85;
    --primary-hover:#c78970;
    --primary-rgb:213,156,133;

    --text-dark:#202020;
    --text-light:#666;
    --text-muted:#8d8d8d;

    --background:#faf8f7;
    --extra-light:#f3efed;
    --border-color:#e8dcd7;

    --bg-gradient-start:#fff8f5;
    --bg-gradient-middle:#faf3ef;
    --bg-gradient-end:#f3ddd3;
    --bg-border:#e8cfc4;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.12);
}


/*==================================================
    THEME 5 : GREEN
==================================================*/

.theme-green{
    --primary-color:#1f7a5b;
    --primary-hover:#17684c;
    --primary-rgb:31,122,91;

    --text-dark:#1b1b1b;
    --text-light:#636363;
    --text-muted:#8f8f8f;

    --background:#f7faf8;
    --extra-light:#eef6f2;
    --border-color:#dce7e1;

    --bg-gradient-start:#eef6f2;
    --bg-gradient-middle:#f7faf8;
    --bg-gradient-end:#e8f3ee;
    --bg-border:#dce7e1;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 6 : BLUE
==================================================*/

.theme-blue{
    --primary-color:#2563eb;
    --primary-hover:#1d4ed8;
    --primary-rgb:37,99,235;

    --text-dark:#111827;
    --text-light:#6b7280;
    --text-muted:#9ca3af;

    --background:#f8fbff;
    --extra-light:#eef5ff;
    --border-color:#dbeafe;

    --bg-gradient-start:#eff6ff;
    --bg-gradient-middle:#f7faff;
    --bg-gradient-end:#dbeafe;
    --bg-border:#c7dcfa;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 7 : NAVY
==================================================*/

.theme-navy{
    --primary-color:#1e3a8a;
    --primary-hover:#1e40af;
    --primary-rgb:30,58,138;

    --text-dark:#0f172a;
    --text-light:#64748b;
    --text-muted:#94a3b8;

    --background:#f8fafc;
    --extra-light:#eef2f7;
    --border-color:#dbe3ee;

    --bg-gradient-start:#eef3ff;
    --bg-gradient-middle:#f6f8ff;
    --bg-gradient-end:#dce5fb;
    --bg-border:#cbd7ef;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 8 : PURPLE
==================================================*/

.theme-purple{
    --primary-color:#7c3aed;
    --primary-hover:#6d28d9;
    --primary-rgb:124,58,237;

    --text-dark:#1f1b2d;
    --text-light:#6b7280;
    --text-muted:#9ca3af;

    --background:#faf8ff;
    --extra-light:#f4efff;
    --border-color:#e7ddff;

    --bg-gradient-start:#f5f0ff;
    --bg-gradient-middle:#faf8ff;
    --bg-gradient-end:#e9ddff;
    --bg-border:#dfd0fa;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 9 : RED
==================================================*/

.theme-red{
    --primary-color:#dc2626;
    --primary-hover:#b91c1c;
    --primary-rgb:220,38,38;

    --text-dark:#1f1f1f;
    --text-light:#666;
    --text-muted:#8f8f8f;

    --background:#fff8f8;
    --extra-light:#fff0f0;
    --border-color:#ffd8d8;

    --bg-gradient-start:#fff1f1;
    --bg-gradient-middle:#fff8f8;
    --bg-gradient-end:#ffe0e0;
    --bg-border:#f6caca;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 10 : ORANGE
==================================================*/

.theme-orange{
    --primary-color:#ea580c;
    --primary-hover:#c2410c;
    --primary-rgb:234,88,12;

    --text-dark:#222;
    --text-light:#666;
    --text-muted:#909090;

    --background:#fffaf6;
    --extra-light:#fff2e8;
    --border-color:#ffe2cc;

    --bg-gradient-start:#fff3e8;
    --bg-gradient-middle:#fff9f4;
    --bg-gradient-end:#ffe3cc;
    --bg-border:#f5d1b4;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 11 : TEAL
==================================================*/

.theme-teal{
    --primary-color:#0f766e;
    --primary-hover:#115e59;
    --primary-rgb:15,118,110;

    --text-dark:#1b1b1b;
    --text-light:#5f6368;
    --text-muted:#8b9096;

    --background:#f7fcfb;
    --extra-light:#edf9f8;
    --border-color:#d5ece8;

    --bg-gradient-start:#ecf9f7;
    --bg-gradient-middle:#f6fcfb;
    --bg-gradient-end:#d9efec;
    --bg-border:#cce5e1;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 12 : EMERALD
==================================================*/

.theme-emerald{
    --primary-color:#059669;
    --primary-hover:#047857;
    --primary-rgb:5,150,105;

    --text-dark:#1a1a1a;
    --text-light:#626262;
    --text-muted:#8f8f8f;

    --background:#f7fcf9;
    --extra-light:#ecfaf4;
    --border-color:#d8efe4;

    --bg-gradient-start:#eafaf3;
    --bg-gradient-middle:#f6fcf9;
    --bg-gradient-end:#d5f1e4;
    --bg-border:#c8e7d8;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 13 : CYAN
==================================================*/

.theme-cyan{
    --primary-color:#0891b2;
    --primary-hover:#0e7490;
    --primary-rgb:8,145,178;

    --text-dark:#172026;
    --text-light:#5f6b73;
    --text-muted:#8f9ca3;

    --background:#f7fdff;
    --extra-light:#eefbff;
    --border-color:#d8eef5;

    --bg-gradient-start:#eafbff;
    --bg-gradient-middle:#f6fdff;
    --bg-gradient-end:#d5f2f8;
    --bg-border:#c8e7ef;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 14 : INDIGO
==================================================*/

.theme-indigo{
    --primary-color:#4f46e5;
    --primary-hover:#4338ca;
    --primary-rgb:79,70,229;

    --text-dark:#1b1d30;
    --text-light:#63667a;
    --text-muted:#9297ab;

    --background:#f8f9ff;
    --extra-light:#eef0ff;
    --border-color:#dde1ff;

    --bg-gradient-start:#eff0ff;
    --bg-gradient-middle:#f8f9ff;
    --bg-gradient-end:#dfe2ff;
    --bg-border:#d1d5fa;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 15 : ROSE
==================================================*/

.theme-rose{
    --primary-color:#e11d48;
    --primary-hover:#be123c;
    --primary-rgb:225,29,72;

    --text-dark:#2a1d22;
    --text-light:#6d6166;
    --text-muted:#998c91;

    --background:#fff8fa;
    --extra-light:#fff0f4;
    --border-color:#f5dbe4;

    --bg-gradient-start:#fff0f4;
    --bg-gradient-middle:#fff8fa;
    --bg-gradient-end:#fbdce6;
    --bg-border:#f0cbd7;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 16 : SLATE
==================================================*/

.theme-slate{
    --primary-color:#475569;
    --primary-hover:#334155;
    --primary-rgb:71,85,105;

    --text-dark:#0f172a;
    --text-light:#64748b;
    --text-muted:#94a3b8;

    --background:#f8fafc;
    --extra-light:#f1f5f9;
    --border-color:#dbe4ee;

    --bg-gradient-start:#f1f5f9;
    --bg-gradient-middle:#f8fafc;
    --bg-gradient-end:#e2e8f0;
    --bg-border:#d4dde8;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 17 : CHARCOAL
==================================================*/

.theme-charcoal{
    --primary-color:#374151;
    --primary-hover:#1f2937;
    --primary-rgb:55,65,81;

    --text-dark:#111827;
    --text-light:#6b7280;
    --text-muted:#9ca3af;

    --background:#fafafa;
    --extra-light:#f3f4f6;
    --border-color:#e5e7eb;

    --bg-gradient-start:#f1f2f4;
    --bg-gradient-middle:#fafafa;
    --bg-gradient-end:#e5e7eb;
    --bg-border:#d8dbe0;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 18 : COFFEE
==================================================*/

.theme-coffee{
    --primary-color:#7c5a3a;
    --primary-hover:#65472d;
    --primary-rgb:124,90,58;

    --text-dark:#2b2118;
    --text-light:#6b5b4f;
    --text-muted:#99887b;

    --background:#fcfaf8;
    --extra-light:#f5f0eb;
    --border-color:#e6dbcf;

    --bg-gradient-start:#f8f1e9;
    --bg-gradient-middle:#fcfaf8;
    --bg-gradient-end:#eadccf;
    --bg-border:#dfcfc0;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 19 : FOREST
==================================================*/

.theme-forest{
    --primary-color:#166534;
    --primary-hover:#14532d;
    --primary-rgb:22,101,52;

    --text-dark:#1a2b20;
    --text-light:#5d6d63;
    --text-muted:#87948c;

    --background:#f7fbf8;
    --extra-light:#edf7f0;
    --border-color:#d9e8de;

    --bg-gradient-start:#eaf6ee;
    --bg-gradient-middle:#f6fbf8;
    --bg-gradient-end:#d6ebdc;
    --bg-border:#c9dfd0;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.10);
}


/*==================================================
    THEME 20 : MIDNIGHT
==================================================*/

.theme-midnight{
    --primary-color:#0f172a;
    --primary-hover:#1e293b;
    --primary-rgb:15,23,42;

    --text-dark:#111827;
    --text-light:#6b7280;
    --text-muted:#9ca3af;

    --background:#f8fafc;
    --extra-light:#eef2f7;
    --border-color:#dbe4ee;

    --bg-gradient-start:#eef2f7;
    --bg-gradient-middle:#f8fafc;
    --bg-gradient-end:#dce3ec;
    --bg-border:#cbd5e1;

    --bg-shadow:0 14px 45px rgba(var(--primary-rgb),.12);
}