/* * Magspire Edu color system. * Hand written plain CSS, not generated by any build tool. * Tailwind and DaisyUI read these same custom property names for their * component colors (btn, card, input, etc), so this file is the single * source of truth for color. Toggling [data-theme] on is all that * is needed to switch, no rebuild required. */ :root { color-scheme: light; --color-base-100: #ffffff; --color-base-200: #f8fafc; --color-base-300: #e2e8f0; --color-base-content: #0f172a; --color-primary: #4f46e5; --color-primary-content: #ffffff; --color-secondary: #7c3aed; --color-secondary-content: #ffffff; --color-accent: #0ea5e9; --color-accent-content: #ffffff; --color-neutral: #1e293b; --color-neutral-content: #f1f5f9; --color-info: #0284c7; --color-info-content: #ffffff; --color-success: #16a34a; --color-success-content: #ffffff; --color-warning: #d97706; --color-warning-content: #ffffff; --color-error: #dc2626; --color-error-content: #ffffff; --radius-selector: 0.5rem; --radius-field: 0.5rem; --radius-box: 1rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 1; --noise: 0; } [data-theme="dark"] { color-scheme: dark; --color-base-100: #0f172a; --color-base-200: #1a2436; --color-base-300: #29354a; --color-base-content: #f1f5f9; --color-primary: #6366f1; --color-primary-content: #ffffff; --color-secondary: #a78bfa; --color-secondary-content: #1e1b2e; --color-accent: #38bdf8; --color-accent-content: #082f49; --color-neutral: #1e293b; --color-neutral-content: #f1f5f9; --color-info: #38bdf8; --color-info-content: #082f49; --color-success: #4ade80; --color-success-content: #052e14; --color-warning: #fbbf24; --color-warning-content: #451a03; --color-error: #f87171; --color-error-content: #450a0a; --radius-selector: 0.5rem; --radius-field: 0.5rem; --radius-box: 1rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 1; --noise: 0; }