/* ============================================================ css/soft-tokens.css — Design tokens Soft Tech (zona logată) Sursa unică pt. paginile logate migrate ($softHeader). Valorile sunt identice cu css/index.css și css/auth.css (acelea rămân standalone) — dacă modifici o culoare aici, modific-o și acolo. Tema se comută prin [data-theme] pe (light implicit). ============================================================ */ :root { --font-display: "Space Grotesk", "Inter", system-ui, sans-serif; --font-body: "Plus Jakarta Sans", "Inter", system-ui, sans-serif; /* Light theme */ --bg: #f4f7f5; --surface: #ffffff; --surface-2: #eef3f0; --surface-3: #e6ece8; --border: #e2e8e4; --border-strong: #d3dbd6; --text: #0e1714; --text-2: #47544e; --text-3: #6c7872; --green: #08a05f; --green-hover: #068250; --green-soft: rgba(8,160,95,0.10); --on-green: #ffffff; --indigo: #5b50e8; --indigo-hover: #4a40d4; --indigo-soft: rgba(91,80,232,0.10); --on-indigo: #ffffff; --sos: #e5334b; --sos-hover: #cf263d; --sos-soft: rgba(229,51,75,0.10); --on-sos: #ffffff; --amber: #d97706; --amber-soft: rgba(245,158,11,0.12); --shadow-sm: 0 1px 2px rgba(14,23,20,0.05); --shadow-md: 0 1px 2px rgba(14,23,20,0.04), 0 12px 28px -10px rgba(14,23,20,0.12); --shadow-lg: 0 2px 4px rgba(14,23,20,0.05), 0 30px 60px -20px rgba(14,23,20,0.18); --glow-green: none; --glow-sos: none; } [data-theme="dark"] { --bg: #0b100e; --surface: #141a18; --surface-2: #1a221f; --surface-3: #212b27; --border: #28332e; --border-strong: #36433c; --text: #eaf2ee; --text-2: #9eb0a8; --text-3: #73857d; --green: #2bef9a; --green-hover: #45f5a6; --green-soft: rgba(43,239,154,0.13); --on-green: #04150d; --indigo: #9d8cff; --indigo-hover: #b1a4ff; --indigo-soft: rgba(157,140,255,0.15); --on-indigo: #0c0a1e; --sos: #ff5168; --sos-hover: #ff6b7e; --sos-soft: rgba(255,81,104,0.15); --on-sos: #1a0508; --amber: #fbbf24; --amber-soft: rgba(251,191,36,0.13); --shadow-sm: 0 1px 2px rgba(0,0,0,0.4); --shadow-md: 0 1px 2px rgba(0,0,0,0.4), 0 16px 36px -12px rgba(0,0,0,0.6); --shadow-lg: 0 2px 6px rgba(0,0,0,0.5), 0 36px 70px -24px rgba(0,0,0,0.75); --glow-green: 0 0 28px -6px rgba(43,239,154,0.55); --glow-sos: 0 0 30px -4px rgba(255,81,104,0.6); }