/* ============================================================
   CompuStore — 20 Liquid Glass Skins
   ============================================================ */

/* 1. Default (Cyber Tech & Safety) */
body.skin-default {
    --primary-color: #00d4ff;
    --primary-color-rgb: 0, 212, 255;
    --primary-gradient: linear-gradient(135deg, #00ffff 0%, #0088ff 100%);
    --shadow-glow: 0 0 15px rgba(0, 212, 255, 0.5);
}

/* 2. Ruby Red */
body.skin-red {
    --primary-color: #e11d48;
    --primary-color-rgb: 225, 29, 72;
    --primary-gradient: linear-gradient(135deg, #fb7185 0%, #e11d48 100%);
}

/* 3. Sunset Orange */
body.skin-orange {
    --primary-color: #ea580c;
    --primary-color-rgb: 234, 88, 12;
    --primary-gradient: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);
}

/* 4. Amber Glow */
body.skin-amber {
    --primary-color: #d97706;
    --primary-color-rgb: 217, 119, 6;
    --primary-gradient: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
}

/* 5. Cyber Yellow */
body.skin-yellow {
    --primary-color: #ca8a04;
    --primary-color-rgb: 202, 138, 4;
    --primary-gradient: linear-gradient(135deg, #facc15 0%, #ca8a04 100%);
}

/* 6. Lime Strike */
body.skin-lime {
    --primary-color: #65a30d;
    --primary-color-rgb: 101, 163, 13;
    --primary-gradient: linear-gradient(135deg, #a3e635 0%, #65a30d 100%);
}

/* 7. Forest Green */
body.skin-green {
    --primary-color: #16a34a;
    --primary-color-rgb: 22, 163, 74;
    --primary-gradient: linear-gradient(135deg, #4ade80 0%, #16a34a 100%);
}

/* 8. Mint Cyan */
body.skin-cyan {
    --primary-color: #0891b2;
    --primary-color-rgb: 8, 145, 178;
    --primary-gradient: linear-gradient(135deg, #22d3ee 0%, #0891b2 100%);
}

/* 9. Ocean Blue */
body.skin-blue {
    --primary-color: #2563eb;
    --primary-color-rgb: 37, 99, 235;
    --primary-gradient: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
}

/* 10. Deep Sky */
body.skin-sky {
    --primary-color: #0284c7;
    --primary-color-rgb: 2, 132, 199;
    --primary-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);
}

/* 11. Indigo Night */
body.skin-indigo {
    --primary-color: #4f46e5;
    --primary-color-rgb: 79, 70, 229;
    --primary-gradient: linear-gradient(135deg, #818cf8 0%, #4f46e5 100%);
}

/* 12. Amethyst Violet */
body.skin-violet {
    --primary-color: #7c3aed;
    --primary-color-rgb: 124, 58, 237;
    --primary-gradient: linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);
}

/* 13. Neon Purple */
body.skin-purple {
    --primary-color: #9333ea;
    --primary-color-rgb: 147, 51, 234;
    --primary-gradient: linear-gradient(135deg, #c084fc 0%, #9333ea 100%);
}

/* 14. Fuchsia Pink */
body.skin-fuchsia {
    --primary-color: #c026d3;
    --primary-color-rgb: 192, 38, 211;
    --primary-gradient: linear-gradient(135deg, #e879f9 0%, #c026d3 100%);
}

/* 15. Rose Gold */
body.skin-rose {
    --primary-color: #e11d48;
    --primary-color-rgb: 225, 29, 72;
    --primary-gradient: linear-gradient(135deg, #fb7185 0%, #e11d48 100%);
}

/* 16. Hot Pink */
body.skin-pink {
    --primary-color: #db2777;
    --primary-color-rgb: 219, 39, 119;
    --primary-gradient: linear-gradient(135deg, #f472b6 0%, #db2777 100%);
}

/* 17. Slate Gray */
body.skin-slate {
    --primary-color: #475569;
    --primary-color-rgb: 71, 85, 105;
    --primary-gradient: linear-gradient(135deg, #94a3b8 0%, #475569 100%);
}

/* 18. Onyx Black */
body.skin-onyx {
    --primary-color: #3f3f46;
    --primary-color-rgb: 63, 63, 70;
    --primary-gradient: linear-gradient(135deg, #a1a1aa 0%, #3f3f46 100%);
}

/* 19. Cosmic Midnight */
body.skin-midnight {
    --primary-color: #312e81;
    --primary-color-rgb: 49, 46, 129;
    --primary-gradient: linear-gradient(135deg, #6366f1 0%, #312e81 100%);
}

/* 20. Aurora Borealis */
body.skin-aurora {
    --primary-color: #0f766e;
    --primary-color-rgb: 15, 118, 110;
    --primary-gradient: linear-gradient(135deg, #2dd4bf 0%, #0369a1 100%);
}

/* 21. Emerald City */
body.skin-emerald {
    --primary-color: #059669;
    --primary-color-rgb: 5, 150, 105;
    --primary-gradient: linear-gradient(135deg, #34d399 0%, #065f46 100%);
}

/* 22. Deep Teal */
body.skin-teal {
    --primary-color: #0d9488;
    --primary-color-rgb: 13, 148, 136;
    --primary-gradient: linear-gradient(135deg, #5eead4 0%, #115e59 100%);
}

/* 23. Sapphire Blue */
body.skin-sapphire {
    --primary-color: #1d4ed8;
    --primary-color-rgb: 29, 78, 216;
    --primary-gradient: linear-gradient(135deg, #60a5fa 0%, #1e3a8a 100%);
}

/* 24. Oceanic Cyan */
body.skin-oceanic {
    --primary-color: #0369a1;
    --primary-color-rgb: 3, 105, 161;
    --primary-gradient: linear-gradient(135deg, #38bdf8 0%, #0c4a6e 100%);
}

/* 25. Soft Lavender */
body.skin-lavender {
    --primary-color: #8b5cf6;
    --primary-color-rgb: 139, 92, 246;
    --primary-gradient: linear-gradient(135deg, #c4b5fd 0%, #5b21b6 100%);
}

/* 26. Royal Plum */
body.skin-plum {
    --primary-color: #be185d;
    --primary-color-rgb: 190, 24, 93;
    --primary-gradient: linear-gradient(135deg, #f472b6 0%, #831843 100%);
}

/* 27. Bright Magenta */
body.skin-magenta {
    --primary-color: #d946ef;
    --primary-color-rgb: 217, 70, 239;
    --primary-gradient: linear-gradient(135deg, #f0abfc 0%, #86198f 100%);
}

/* 28. Vibrant Coral */
body.skin-coral {
    --primary-color: #f43f5e;
    --primary-color-rgb: 244, 63, 94;
    --primary-gradient: linear-gradient(135deg, #fda4af 0%, #9f1239 100%);
}

/* 29. Sweet Peach */
body.skin-peach {
    --primary-color: #f97316;
    --primary-color-rgb: 249, 115, 22;
    --primary-gradient: linear-gradient(135deg, #fdba74 0%, #9a3412 100%);
}

/* 30. Golden Hour */
body.skin-gold {
    --primary-color: #eab308;
    --primary-color-rgb: 234, 179, 8;
    --primary-gradient: linear-gradient(135deg, #fef08a 0%, #854d0e 100%);
}

/* 31. CoreUI Skin */
body.skin-coreui {
    --primary-color: #321fdb;
    --primary-color-rgb: 50, 31, 219;
    --primary-gradient: linear-gradient(135deg, #4638e1 0%, #321fdb 100%);
    
    /* CoreUI specific UI colors */
    --blue: #321fdb;
    --blue-light: #4638e1;
    --blue-dark: #2312a4;
    
    --green: #2eb85c;
    --green-light: #4cd175;
    --green-dark: #1b8a3f;
    --green-bg: rgba(46, 184, 92, 0.15);
    
    --orange: #f9b115;
    --orange-light: #fbc64f;
    --orange-bg: rgba(249, 177, 21, 0.15);
    
    --red: #e55353;
    --red-light: #ee7777;
    --red-bg: rgba(229, 83, 83, 0.15);
    
    --purple: #6f42c1;
    
    --gradient-blue: linear-gradient(135deg, #4638e1 0%, #321fdb 100%);
    --gradient-green: linear-gradient(135deg, #4cd175 0%, #2eb85c 100%);
    --gradient-orange: linear-gradient(135deg, #fbc64f 0%, #f9b115 100%);
    --gradient-red: linear-gradient(135deg, #ee7777 0%, #e55353 100%);
}

/* ============================================================
   NEW PREMIUM SKINS (Store & Admin matched)
   ============================================================ */

/* Light Premium Themes */
body.skin-white-glass { --bg-primary: #f8fafc; --bg-card: rgba(255, 255, 255, 0.7); --bg-secondary: rgba(241, 245, 249, 0.5); --bg-sidebar: rgba(241, 245, 249, 0.6); --text-primary: #0f172a; --text-secondary: #475569; --border-color: rgba(0, 0, 0, 0.1); --border-color-light: rgba(0, 0, 0, 0.05); --primary-color: #0ea5e9; --primary-gradient: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%); }
body.skin-silver-pearl { --bg-primary: #e2e8f0; --bg-card: rgba(241, 245, 249, 0.6); --bg-secondary: rgba(203, 213, 225, 0.4); --bg-sidebar: rgba(203, 213, 225, 0.5); --text-primary: #1e293b; --text-secondary: #64748b; --border-color: rgba(0, 0, 0, 0.1); --border-color-light: rgba(0, 0, 0, 0.05); --primary-color: #64748b; --primary-gradient: linear-gradient(135deg, #475569 0%, #64748b 100%); }
body.skin-ivory-gold { --bg-primary: #fdfbf7; --bg-card: rgba(255, 255, 255, 0.6); --bg-secondary: rgba(244, 239, 234, 0.4); --bg-sidebar: rgba(244, 239, 234, 0.5); --text-primary: #451a03; --text-secondary: #78350f; --border-color: rgba(0, 0, 0, 0.1); --border-color-light: rgba(0, 0, 0, 0.05); --primary-color: #d97706; --primary-gradient: linear-gradient(135deg, #b45309 0%, #d97706 100%); }
body.skin-frost-blue { --bg-primary: #e0f2fe; --bg-card: rgba(255, 255, 255, 0.6); --bg-secondary: rgba(186, 230, 253, 0.4); --bg-sidebar: rgba(186, 230, 253, 0.5); --text-primary: #082f49; --text-secondary: #0ea5e9; --border-color: rgba(0, 0, 0, 0.1); --border-color-light: rgba(0, 0, 0, 0.05); --primary-color: #0284c7; --primary-gradient: linear-gradient(135deg, #0369a1 0%, #0284c7 100%); }
body.skin-blush-quartz { --bg-primary: #fdf2f8; --bg-card: rgba(255, 255, 255, 0.6); --bg-secondary: rgba(251, 207, 232, 0.4); --bg-sidebar: rgba(251, 207, 232, 0.5); --text-primary: #831843; --text-secondary: #be185d; --border-color: rgba(0, 0, 0, 0.1); --border-color-light: rgba(0, 0, 0, 0.05); --primary-color: #e11d48; --primary-gradient: linear-gradient(135deg, #be123c 0%, #e11d48 100%); }
body.skin-sandstone { --bg-primary: #f5f5f4; --bg-card: rgba(255, 255, 255, 0.6); --bg-secondary: rgba(231, 229, 228, 0.4); --bg-sidebar: rgba(231, 229, 228, 0.5); --text-primary: #1c1917; --text-secondary: #57534e; --border-color: rgba(0, 0, 0, 0.1); --border-color-light: rgba(0, 0, 0, 0.05); --primary-color: #9a3412; --primary-gradient: linear-gradient(135deg, #7c2d12 0%, #9a3412 100%); }

/* Dark Premium Themes */
body.skin-obsidian-gold { --bg-primary: #000000; --bg-card: rgba(20, 20, 20, 0.6); --bg-secondary: rgba(40, 40, 40, 0.4); --bg-sidebar: rgba(15, 15, 15, 0.8); --primary-color: #eab308; --primary-gradient: linear-gradient(135deg, #ca8a04 0%, #eab308 100%); }
body.skin-midnight-sapphire { --bg-primary: #020617; --bg-card: rgba(15, 23, 42, 0.6); --bg-secondary: rgba(30, 41, 59, 0.4); --bg-sidebar: rgba(2, 6, 23, 0.8); --primary-color: #4338ca; --primary-gradient: linear-gradient(135deg, #3730a3 0%, #4338ca 100%); }
body.skin-forest-carbon { --bg-primary: #052e16; --bg-card: rgba(6, 78, 59, 0.6); --bg-secondary: rgba(4, 120, 87, 0.4); --bg-sidebar: rgba(2, 44, 34, 0.8); --primary-color: #22c55e; --primary-gradient: linear-gradient(135deg, #16a34a 0%, #22c55e 100%); }
body.skin-royal-purple { --bg-primary: #2e1065; --bg-card: rgba(76, 29, 149, 0.6); --bg-secondary: rgba(91, 33, 182, 0.4); --bg-sidebar: rgba(59, 7, 100, 0.8); --primary-color: #a855f7; --primary-gradient: linear-gradient(135deg, #9333ea 0%, #a855f7 100%); }
body.skin-corporate-slate { --bg-primary: #0f172a; --bg-card: rgba(30, 41, 59, 0.6); --bg-secondary: rgba(51, 65, 85, 0.4); --bg-sidebar: rgba(15, 23, 42, 0.8); --primary-color: #94a3b8; --primary-gradient: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%); }
body.skin-exec-charcoal { --bg-primary: #171717; --bg-card: rgba(38, 38, 38, 0.6); --bg-secondary: rgba(64, 64, 64, 0.4); --bg-sidebar: rgba(23, 23, 23, 0.8); --primary-color: #f5f5f5; --primary-gradient: linear-gradient(135deg, #e5e5e5 0%, #f5f5f5 100%); }
body.skin-abyssal-blue { --bg-primary: #001e36; --bg-card: rgba(0, 43, 77, 0.6); --bg-secondary: rgba(0, 68, 122, 0.4); --bg-sidebar: rgba(0, 30, 54, 0.8); --primary-color: #38bdf8; --primary-gradient: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%); }
body.skin-ruby-shadow { --bg-primary: #4a0404; --bg-card: rgba(94, 11, 11, 0.6); --bg-secondary: rgba(122, 18, 18, 0.4); --bg-sidebar: rgba(74, 6, 6, 0.8); --primary-color: #f87171; --primary-gradient: linear-gradient(135deg, #ef4444 0%, #f87171 100%); }
body.skin-copper-patina { --bg-primary: #134e4a; --bg-card: rgba(17, 94, 89, 0.6); --bg-secondary: rgba(15, 118, 110, 0.4); --bg-sidebar: rgba(4, 47, 46, 0.8); --primary-color: #d97706; --primary-gradient: linear-gradient(135deg, #b45309 0%, #d97706 100%); }
body.skin-champagne-noir { --bg-primary: #000000; --bg-card: rgba(26, 26, 26, 0.6); --bg-secondary: rgba(38, 38, 38, 0.4); --bg-sidebar: rgba(13, 13, 13, 0.8); --primary-color: #fde047; --primary-gradient: linear-gradient(135deg, #facc15 0%, #fde047 100%); }
body.skin-arctic-night { --bg-primary: #0f172a; --bg-card: rgba(15, 23, 42, 0.6); --bg-secondary: rgba(30, 41, 59, 0.4); --bg-sidebar: rgba(2, 6, 23, 0.8); --primary-color: #7dd3fc; --primary-gradient: linear-gradient(135deg, #38bdf8 0%, #7dd3fc 100%); }
body.skin-velvet-plum { --bg-primary: #4a044e; --bg-card: rgba(112, 26, 117, 0.6); --bg-secondary: rgba(134, 25, 143, 0.4); --bg-sidebar: rgba(74, 4, 78, 0.8); --primary-color: #f0abfc; --primary-gradient: linear-gradient(135deg, #e879f9 0%, #f0abfc 100%); }
body.skin-burnt-titanium { --bg-primary: #27272a; --bg-card: rgba(63, 63, 70, 0.6); --bg-secondary: rgba(82, 82, 91, 0.4); --bg-sidebar: rgba(24, 24, 27, 0.8); --primary-color: #f97316; --primary-gradient: linear-gradient(135deg, #ea580c 0%, #f97316 100%); }
body.skin-matrix-green { --bg-primary: #000000; --bg-card: rgba(0, 20, 0, 0.6); --bg-secondary: rgba(0, 40, 0, 0.4); --bg-sidebar: rgba(0, 10, 0, 0.8); --primary-color: #4ade80; --primary-gradient: linear-gradient(135deg, #22c55e 0%, #4ade80 100%); }
body.skin-pure-black { --bg-primary: #000000; --bg-card: rgba(15, 15, 15, 0.6); --bg-secondary: rgba(25, 25, 25, 0.4); --bg-sidebar: rgba(5, 5, 5, 0.8); --primary-color: #ffffff; --primary-gradient: linear-gradient(135deg, #d4d4d8 0%, #ffffff 100%); }
/* Ultra Premium Themes */
body.skin-cyber-punk { --bg-primary: #09090b; --bg-card: rgba(15, 15, 20, 0.7); --bg-secondary: rgba(25, 25, 35, 0.5); --bg-sidebar: rgba(10, 10, 15, 0.85); --primary-color: #f472b6; --primary-gradient: linear-gradient(135deg, #22d3ee 0%, #f472b6 100%); }
body.skin-retro-wave { --bg-primary: #1e1b4b; --bg-card: rgba(49, 46, 129, 0.6); --bg-secondary: rgba(67, 56, 202, 0.4); --bg-sidebar: rgba(30, 27, 75, 0.8); --primary-color: #f97316; --primary-gradient: linear-gradient(135deg, #a855f7 0%, #f97316 100%); }
body.skin-coffee-bean { --bg-primary: #271c19; --bg-card: rgba(62, 39, 35, 0.6); --bg-secondary: rgba(78, 52, 46, 0.4); --bg-sidebar: rgba(39, 28, 25, 0.8); --primary-color: #d97706; --primary-gradient: linear-gradient(135deg, #b45309 0%, #8b4513 100%); }
body.skin-machina-grey { --bg-primary: #18181b; --bg-card: rgba(39, 39, 42, 0.6); --bg-secondary: rgba(63, 63, 70, 0.4); --bg-sidebar: rgba(24, 24, 27, 0.8); --primary-color: #a1a1aa; --primary-gradient: linear-gradient(135deg, #d4d4d8 0%, #71717a 100%); }
body.skin-desert-sand { --bg-primary: #fefce8; --bg-card: rgba(254, 249, 195, 0.7); --bg-secondary: rgba(253, 230, 138, 0.5); --bg-sidebar: rgba(254, 252, 232, 0.85); --text-primary: #451a03; --text-secondary: #78350f; --primary-color: #d97706; --primary-gradient: linear-gradient(135deg, #f59e0b 0%, #b45309 100%); }
body.skin-toxic-glow { --bg-primary: #052e16; --bg-card: rgba(2, 6, 23, 0.8); --bg-secondary: rgba(6, 78, 59, 0.4); --bg-sidebar: rgba(2, 44, 34, 0.9); --primary-color: #84cc16; --primary-gradient: linear-gradient(135deg, #bef264 0%, #65a30d 100%); }
body.skin-crimson-forge { --bg-primary: #2e020d; --bg-card: rgba(67, 20, 34, 0.7); --bg-secondary: rgba(112, 26, 43, 0.4); --bg-sidebar: rgba(46, 2, 13, 0.85); --primary-color: #f43f5e; --primary-gradient: linear-gradient(135deg, #fb7185 0%, #e11d48 100%); }
body.skin-ice-crystal { --bg-primary: #f0fdfa; --bg-card: rgba(204, 251, 241, 0.7); --bg-secondary: rgba(153, 246, 228, 0.5); --bg-sidebar: rgba(240, 253, 250, 0.85); --text-primary: #0f172a; --text-secondary: #334155; --primary-color: #0ea5e9; --primary-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%); }
body.skin-amethyst-dark { --bg-primary: #2e1065; --bg-card: rgba(15, 23, 42, 0.7); --bg-secondary: rgba(76, 29, 149, 0.4); --bg-sidebar: rgba(46, 16, 101, 0.85); --primary-color: #a855f7; --primary-gradient: linear-gradient(135deg, #c084fc 0%, #7e22ce 100%); }
body.skin-solar-flare { --bg-primary: #451a03; --bg-card: rgba(120, 53, 15, 0.7); --bg-secondary: rgba(146, 64, 14, 0.4); --bg-sidebar: rgba(69, 26, 3, 0.85); --primary-color: #facc15; --primary-gradient: linear-gradient(135deg, #fef08a 0%, #eab308 100%); }
/* Hyper Modern Themes */
body.skin-nordic-frost { --bg-primary: #2e3440; --bg-card: rgba(59, 66, 82, 0.7); --bg-secondary: rgba(67, 76, 94, 0.5); --bg-sidebar: rgba(46, 52, 64, 0.85); --primary-color: #88c0d0; --primary-gradient: linear-gradient(135deg, #8fbcbb 0%, #81a1c1 100%); }
body.skin-dracula-night { --bg-primary: #282a36; --bg-card: rgba(68, 71, 90, 0.7); --bg-secondary: rgba(98, 114, 164, 0.4); --bg-sidebar: rgba(40, 42, 54, 0.85); --primary-color: #ff79c6; --primary-gradient: linear-gradient(135deg, #bd93f9 0%, #ff79c6 100%); }
body.skin-monokai-pro { --bg-primary: #2d2a2e; --bg-card: rgba(64, 62, 65, 0.7); --bg-secondary: rgba(90, 89, 92, 0.4); --bg-sidebar: rgba(45, 42, 46, 0.85); --primary-color: #a9dc76; --primary-gradient: linear-gradient(135deg, #ffd866 0%, #a9dc76 100%); }
body.skin-synthwave-84 { --bg-primary: #262335; --bg-card: rgba(54, 48, 83, 0.7); --bg-secondary: rgba(72, 59, 107, 0.4); --bg-sidebar: rgba(38, 35, 53, 0.85); --primary-color: #ff7edb; --primary-gradient: linear-gradient(135deg, #36f9f6 0%, #ff7edb 100%); }
body.skin-gruvbox-dark { --bg-primary: #282828; --bg-card: rgba(60, 56, 54, 0.7); --bg-secondary: rgba(80, 73, 69, 0.4); --bg-sidebar: rgba(40, 40, 40, 0.85); --primary-color: #fe8019; --primary-gradient: linear-gradient(135deg, #fabd2f 0%, #fe8019 100%); }
body.skin-ocean-breeze { --bg-primary: #0f172a; --bg-card: rgba(30, 41, 59, 0.7); --bg-secondary: rgba(51, 65, 85, 0.4); --bg-sidebar: rgba(15, 23, 42, 0.85); --primary-color: #2dd4bf; --primary-gradient: linear-gradient(135deg, #0ea5e9 0%, #2dd4bf 100%); }
body.skin-cherry-blossom { --bg-primary: #292524; --bg-card: rgba(68, 64, 60, 0.7); --bg-secondary: rgba(87, 83, 78, 0.4); --bg-sidebar: rgba(41, 37, 36, 0.85); --primary-color: #f472b6; --primary-gradient: linear-gradient(135deg, #fbcfe8 0%, #f472b6 100%); }
body.skin-midnight-city { --bg-primary: #172554; --bg-card: rgba(30, 58, 138, 0.7); --bg-secondary: rgba(30, 64, 175, 0.4); --bg-sidebar: rgba(23, 37, 84, 0.85); --primary-color: #f59e0b; --primary-gradient: linear-gradient(135deg, #fbbf24 0%, #ea580c 100%); }
body.skin-neon-tokyo { --bg-primary: #000000; --bg-card: rgba(20, 20, 20, 0.7); --bg-secondary: rgba(40, 40, 40, 0.4); --bg-sidebar: rgba(10, 10, 10, 0.85); --primary-color: #f0abfc; --primary-gradient: linear-gradient(135deg, #c026d3 0%, #22d3ee 100%); }
body.skin-hacker-green { --bg-primary: #000000; --bg-card: rgba(0, 20, 0, 0.7); --bg-secondary: rgba(0, 40, 0, 0.4); --bg-sidebar: rgba(0, 10, 0, 0.85); --primary-color: #4ade80; --primary-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); }