/* * Ultra CMS — Frontend Design System * LAYER 1 / 3 — TOKENS * ──────────────────────────────────────────────────────────────── * Single source of truth for the public site's colors, radius, * shadows, and transitions. front-2-base.css and * front-3-components.css read only from here — zero hardcoded values. * (ultraview.css is a separate, older stylesheet with its own * :root — left untouched here; not part of this restructure.) */ :root { /* Default Colors (Light) — overridden by theme-dark.css */ --primary-color: #4f46e5; --secondary-color: #06b6d4; --accent-color: #f59e0b; --dark-color: #0f172a; --light-color: #f8fafc; --text-main: #1e293b; --text-muted: #64748b; --border-color: #e2e8f0; --bg-body: #ffffff; --bg-card: #ffffff; --bg-header: #ffffff; /* Layout */ --header-height: 80px; --top-bar-height: 40px; --border-radius: 12px; /* Shadows */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); /* Transitions */ --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Dark Mode Overrides (class-based, toggled on ) */ body.dark-mode { --text-main: #f1f5f9; --text-muted: #94a3b8; --border-color: #334155; --bg-body: #0f172a; --bg-card: #1e293b; --bg-header: #1e293b; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4); }