/* ═══════════════════════════════════════════════════════════════ PONTURI.RO — TEMA (sursă unică de adevăr pentru culori) /assets/css/theme.css · SP-THEME-SINGLE-SOURCE-1 · 23.07.2026 AICI se schimbă designul întregului site. Un singur loc. Cum se comută tema: • deschis (activ): nu faci nimic — e valoarea implicită de mai jos • închis: pui (sau schimbi valorile din :root) Regulă: nicio pagină nu are voie să scrie culori direct (#hex / rgba). Se folosește exclusiv var(--token). Tokenii noi se adaugă tot aici. ═══════════════════════════════════════════════════════════════ */ :root{ /* ── PALETA DESCHISĂ (activă) ─────────────────────────────── */ --bg-page:#f4f2ec; --bg-primary:#f4f2ec; --bg-secondary:#ece8df; --bg-elevated:#fff; --bg-card:#fff; --bg-card-subtle:#faf8f3; --bg-card-hover:#f7f4ec; --bg-hover:#f1ede4; --bg-inset:#f1ede4; --border:#e4dfd3; --border-strong:#cec7b7; --border-light:#e4dfd3; --border-subtle:#eee9de; --border-accent:rgba(143,94,0,.35); --text-primary:#1c1b17; --text-body:#2d2b25; --text-secondary:#44413a; --text-muted:#57534a; --text-dim:#8a857a; --text-on-accent:#2a1e00; /* accent: FILL deschis, TEXT închis (contrast pe fundal deschis) */ --accent:#8f5e00; --text-accent:#8f5e00; --accent-hover:#7a5000; --accent-fill:#f5b83d; --accent-fill-2:#ffd47a; --accent-bg:rgba(245,184,61,.16); --accent-cyan:#8f5e00; --accent-blue:#8f5e00; --accent-purple:#4f7a5d; --accent-secondary:#3f6a4d; --accent-secondary-bg:rgba(63,106,77,.10); --success:#1f9d6b; --success-bg:rgba(31,157,107,.10); --warning:#b8730a; --warning-bg:rgba(245,184,61,.16); --danger:#d23b47; --danger-bg:rgba(210,59,71,.10); --accent-red:#d23b47; --hot:#dd571f; --cold:#2f7fd6; --grad-primary:linear-gradient(135deg,var(--accent-fill-2) 0%,var(--accent-fill) 100%); --grad-hot:linear-gradient(135deg,#dd571f 0%,#e8843f 100%); --grad-card:linear-gradient(180deg,#fff 0%,#faf8f3 100%); --grad-page:linear-gradient(180deg,#fbf9f4 0%,#f4f2ec 320px); --glass-bg:rgba(251,249,244,.88); --glass-border:#e4dfd3; --shadow-card:0 1px 2px rgba(28,27,23,.05); --shadow-pop:0 8px 24px rgba(28,27,23,.10); --shadow-glow:0 1px 3px rgba(28,27,23,.07); /* componente RGB, pentru transparente compuse din tokeni */ --accent-rgb:245,184,61; --overlay-rgb:28,27,23; --surface-rgb:255,255,255; --font-primary:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif; --font-mono:'Chivo Mono','JetBrains Mono',monospace; } /* ── PALETA ÎNCHISĂ (Nocturnă) — se activează cu */ :root[data-theme="dark"]{ --bg-page:#0b140e; --bg-primary:#0a120d; --bg-secondary:#0e1a12; --bg-elevated:#16301f; --bg-card:rgba(239,243,234,.05); --bg-card-subtle:rgba(239,243,234,.03); --bg-card-hover:#16301f; --bg-hover:rgba(239,243,234,.09); --bg-inset:#0a1109; --border:rgba(239,243,234,.10); --border-strong:rgba(239,243,234,.15); --border-light:rgba(239,243,234,.13); --border-subtle:rgba(239,243,234,.08); --border-accent:rgba(255,178,0,.35); --text-primary:#eff3ea; --text-body:#e2e9dd; --text-secondary:#c4cec0; --text-muted:#a8b5a6; --text-dim:#7d8b7e; --text-on-accent:#1a1305; --accent:#ffb200; --text-accent:#ffb200; --accent-hover:#ffcf5e; --accent-fill:#ffb200; --accent-fill-2:#e0930a; --accent-bg:rgba(255,178,0,.10); --accent-cyan:#ffb200; --accent-blue:#ffb200; --accent-purple:#2e5a3c; --accent-secondary:#4f7a5d; --accent-secondary-bg:rgba(79,122,93,.12); --success:#22c55e; --success-bg:rgba(34,197,94,.08); --warning:#f59e0b; --warning-bg:rgba(245,158,11,.08); --danger:#ff4b3e; --danger-bg:rgba(255,75,62,.10); --accent-red:#ff4b3e; --hot:#ff7043; --cold:#57a6ff; --grad-card:linear-gradient(180deg,rgba(22,48,31,.85) 0%,rgba(11,20,14,.95) 100%); --grad-page:linear-gradient(180deg,#101d14 0%,#0b140e 300px); --glass-bg:rgba(14,26,18,.65); --glass-border:rgba(239,243,234,.10); --shadow-card:none; --shadow-pop:0 8px 24px rgba(0,0,0,.4); --shadow-glow:0 0 30px rgba(255,178,0,.12); --accent-rgb:255,178,0; --overlay-rgb:239,243,234; --surface-rgb:11,20,14; } /* ── Bază: totul derivă din tokeni, nimic hardcodat ────────── */ html{background:var(--bg-page)} html body{background:var(--grad-page) !important;color:var(--text-body) !important; font-family:var(--font-primary) !important} h1,h2,h3,h4,.section__title{color:var(--text-primary)} h1 span,.hero-title span{-webkit-text-fill-color:var(--text-accent) !important;color:var(--text-accent) !important} a{color:var(--text-accent)}