/* ashable — tokens.css : LES THÈMES. Tout le site ne connaît que ces variables. Un thème = un bloc [data-theme="…"]. Le sélecteur (Paramètres › Apparence) pose data-theme sur . Ajouter un thème = copier un bloc, changer les valeurs, l'inscrire dans app.js (THEMES). */ :root, [data-theme="epure"]{ color-scheme:light; --bg:#F5F3F0; --bg-2:#ECE8E3; --surface:#FFFFFF; --surface-2:#FBF9F6; --ink:#1C1B1F; --ink-2:#6F6A73; --ink-3:#7A747F; --hair:rgba(28,27,31,.08); --fill:#F0EDE9; --fill-2:#E5E0DA; --accent-a:#6B1A3A; --accent-b:#A3303F; --accent-c:#E37034; --accent:var(--accent-b); --grad:linear-gradient(135deg,var(--accent-a) 0%,var(--accent-b) 48%,var(--accent-c) 100%); --grad-soft:linear-gradient(135deg,rgba(107,26,58,.10),rgba(227,112,52,.12)); --tint-a:rgba(227,112,52,.16); --tint-b:rgba(107,26,58,.12); --tint-c:rgba(163,48,63,.08); --ok:#34C759; --ok-text:#1E7B34; --warn:#FF9F0A; --warn-text:#9A5A00; --danger:#FF3B30; --on-accent:#FFFFFF; --glass-bg:rgba(255,255,255,.58); --glass-border:rgba(255,255,255,.70); --glass-hi:rgba(255,255,255,.85); --glass-sheen:rgba(255,255,255,.38); --glass-blur:22px; --glass-sat:180%; --glass-shadow:0 10px 30px -14px rgba(28,27,31,.30); --btn-border:rgba(28,27,31,.12); --shadow-card:0 1px 2px rgba(28,27,31,.04),0 12px 32px -24px rgba(60,20,35,.28); --shadow-float:0 2px 6px rgba(28,27,31,.06),0 16px 34px -14px rgba(28,27,31,.30); --r-xs:8px; --r-s:12px; --r-m:16px; --r-l:22px; --r-xl:30px; --r-pill:999px; --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",system-ui,sans-serif; --ease:cubic-bezier(.32,.72,0,1); --t-fast:.18s; --t:.35s; --t-slow:.5s; } [data-theme="epure-nuit"]{ color-scheme:dark; --bg:#0E0E11; --bg-2:#15151A; --surface:#1B1B21; --surface-2:#202027; --ink:#F2F1F4; --ink-2:#A3A1A9; --ink-3:#8B8894; --hair:rgba(255,255,255,.09); --fill:#24242B; --fill-2:#2E2E36; --accent-a:#8A2A4C; --accent-b:#C64353; --accent-c:#F28C4E; --accent:var(--accent-b); --grad:linear-gradient(135deg,var(--accent-a) 0%,var(--accent-b) 48%,var(--accent-c) 100%); --grad-soft:linear-gradient(135deg,rgba(198,67,83,.18),rgba(242,140,78,.16)); --tint-a:rgba(242,140,78,.14); --tint-b:rgba(138,42,76,.20); --tint-c:rgba(198,67,83,.10); --ok:#30D158; --ok-text:#5FD27A; --warn:#FFB340; --warn-text:#FFB340; --danger:#FF453A; --on-accent:#FFFFFF; --glass-bg:rgba(32,32,40,.58); --glass-border:rgba(255,255,255,.14); --glass-hi:rgba(255,255,255,.20); --glass-sheen:rgba(255,255,255,.10); --glass-blur:24px; --glass-sat:160%; --glass-shadow:0 12px 34px -14px rgba(0,0,0,.70); --btn-border:rgba(255,255,255,.16); --shadow-card:0 1px 2px rgba(0,0,0,.35),0 14px 34px -24px rgba(0,0,0,.7); --shadow-float:0 2px 6px rgba(0,0,0,.4),0 18px 36px -14px rgba(0,0,0,.7); }