/* Theme overrides via data-theme on */
:root[data-theme="default"] {
--primary: #07A2C5;
--primary-dark: #0684A3;
--secondary: #10b981;
--danger: #ef4444;
--warning: #f59e0b;
--info: #3b82f6;
--dark: #1e293b;
--gray: #64748b;
--light: #f1f5f9;
--white: #ffffff;
--border: #e2e8f0;
--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
:root[data-theme="sand"] {
--primary: #c2410c;
--primary-dark: #9a3412;
--secondary: #16a34a;
--danger: #e11d48;
--warning: #f59e0b;
--info: #0284c7;
--dark: #3b2f2a;
--gray: #7c6f64;
--light: #fff7ed;
--white: #fffcf7;
--border: #fed7aa;
--shadow: 0 6px 12px -4px rgba(59, 47, 42, 0.25);
}
:root[data-theme="sage"] {
--primary: #15803d;
--primary-dark: #166534;
--secondary: #0ea5e9;
--danger: #dc2626;
--warning: #f59e0b;
--info: #0ea5e9;
--dark: #1f2f24;
--gray: #5b6b5b;
--light: #f1f5f1;
--white: #fbfdfb;
--border: #cfe1cf;
--shadow: 0 6px 12px -4px rgba(31, 47, 36, 0.22);
}
:root[data-theme="sky"] {
--primary: #0284c7;
--primary-dark: #0369a1;
--secondary: #22c55e;
--danger: #ef4444;
--warning: #f59e0b;
--info: #0ea5e9;
--dark: #1f2a37;
--gray: #5f6c7a;
--light: #f0f7ff;
--white: #fdfefe;
--border: #dbeafe;
--shadow: 0 6px 12px -4px rgba(30, 58, 138, 0.2);
}
:root[data-theme="forest"] {
--primary: #166534;
--primary-dark: #14532d;
--secondary: #22c55e;
--danger: #ef4444;
--warning: #f59e0b;
--info: #0ea5e9;
--dark: #1f2f24;
--gray: #6b7a6e;
--light: #f0f7f1;
--white: #fbfdfb;
--border: #cfe1cf;
--shadow: 0 6px 12px -4px rgba(31, 47, 36, 0.22);
}
:root[data-theme="ocean"] {
--primary: #0ea5e9;
--primary-dark: #0284c7;
--secondary: #10b981;
--danger: #ef4444;
--warning: #f59e0b;
--info: #38bdf8;
--dark: #0f172a;
--gray: #64748b;
--light: #eef6ff;
--white: #f8fbff;
--border: #cfe0f5;
--shadow: 0 6px 12px -4px rgba(15, 23, 42, 0.2);
}
:root[data-theme="rose"] {
--primary: #e11d48;
--primary-dark: #be123c;
--secondary: #10b981;
--danger: #dc2626;
--warning: #f59e0b;
--info: #0ea5e9;
--dark: #3b1f2a;
--gray: #8b5c6a;
--light: #fff1f2;
--white: #fff7f9;
--border: #fecdd3;
--shadow: 0 6px 12px -4px rgba(190, 18, 60, 0.25);
}
:root[data-theme="amber"] {
--primary: #f59e0b;
--primary-dark: #d97706;
--secondary: #10b981;
--danger: #ef4444;
--warning: #f59e0b;
--info: #0ea5e9;
--dark: #3b2f1a;
--gray: #7a6a4a;
--light: #fffbeb;
--white: #fffdf7;
--border: #fde68a;
--shadow: 0 6px 12px -4px rgba(245, 158, 11, 0.25);
}
:root[data-theme="slate"] {
--primary: #475569;
--primary-dark: #334155;
--secondary: #10b981;
--danger: #ef4444;
--warning: #f59e0b;
--info: #38bdf8;
--dark: #0f172a;
--gray: #64748b;
--light: #f1f5f9;
--white: #f8fafc;
--border: #cbd5e1;
--shadow: 0 6px 12px -4px rgba(15, 23, 42, 0.2);
}
:root[data-theme="midnight"] {
--primary: #1d4ed8;
--primary-dark: #1e40af;
--secondary: #22c55e;
--danger: #ef4444;
--warning: #f59e0b;
--info: #38bdf8;
--dark: #0b1020;
--gray: #6b7280;
--light: #eef2ff;
--white: #f8fafc;
--border: #c7d2fe;
--shadow: 0 6px 12px -4px rgba(30, 64, 175, 0.2);
}
:root[data-mode="dark"] {
--dark: #e2e8f0;
--gray: #94a3b8;
--light: #0f172a;
--white: #111827;
--border: #1f2937;
--shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.6);
--sale-bg: rgba(239, 68, 68, 0.2);
--card-bg-start: #0f172a;
--card-bg-end: #111827;
--card-shadow: 0 18px 36px rgba(0, 0, 0, 0.55);
--card-hover-shadow: 0 22px 44px rgba(0, 0, 0, 0.7);
--image-bg: #0b1220;
--table-hover-bg: rgba(148, 163, 184, 0.12);
--surface: #0f172a;
--surface-alt: #111827;
--manager-nav-bg: #0b1220;
--admin-nav-bg: #1f1520;
}