/* T@Care – Theme overrides via data-theme attribute on Each theme overrides the CSS custom properties defined in style.css. Usage: */ /* ── default (non-connected) — clair & classe ────────────── */ [data-theme="default"] { --bg: #f1f5f9; --surface: #ffffff; --border: #cbd5e1; --border-light: #e2e8f0; --text: #0f172a; --text-muted: #475569; --accent: #1e40af; --accent-hover: #1e3a8a; --accent-light: #dbeafe; --accent-rgb: 30, 64, 175; --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04); } /* ── admin ───────────────────────────────────────────────── */ [data-theme="admin"] { --accent: #2563eb; --accent-hover: #1d4ed8; --accent-light: #eff6ff; --accent-rgb: 37, 99, 235; } /* ── coach_sportif — vert énergie ───────────────────────── */ [data-theme="coach_sportif"] { --accent: #10b981; --accent-hover: #059669; --accent-light: #d1fae5; --accent-rgb: 16, 185, 129; } /* ── pme_qvt — violet corporate ─────────────────────────── */ [data-theme="pme_qvt"] { --accent: #7c3aed; --accent-hover: #6d28d9; --accent-light: #ede9fe; --accent-rgb: 124, 58, 237; } /* ── hotel_thermal — or chaud ───────────────────────────── */ [data-theme="hotel_thermal"] { --accent: #d97706; --accent-hover: #b45309; --accent-light: #fef3c7; --accent-rgb: 217, 119, 6; } /* ── clinique — bleu médical ────────────────────────────── */ [data-theme="clinique"] { --accent: #0ea5e9; --accent-hover: #0284c7; --accent-light: #e0f2fe; --accent-rgb: 14, 165, 233; } /* ── medecin_specialiste — bleu profond ─────────────────── */ [data-theme="medecin_specialiste"] { --accent: #2563eb; --accent-hover: #1d4ed8; --accent-light: #eff6ff; --accent-rgb: 37, 99, 235; } /* ── federation_sportive — orange dynamique ─────────────── */ [data-theme="federation_sportive"] { --accent: #ea580c; --accent-hover: #c2410c; --accent-light: #ffedd5; --accent-rgb: 234, 88, 12; } /* ── mutuelle — vert institutionnel ─────────────────────── */ [data-theme="mutuelle"] { --accent: #059669; --accent-hover: #047857; --accent-light: #d1fae5; --accent-rgb: 5, 150, 105; } /* ── labo_pharma — violet scientifique ──────────────────── */ [data-theme="labo_pharma"] { --accent: #9333ea; --accent-hover: #7e22ce; --accent-light: #f3e8ff; --accent-rgb: 147, 51, 234; } /* ── assureur — gris bleuté institutionnel ──────────────── */ [data-theme="assureur"] { --accent: #475569; --accent-hover: #334155; --accent-light: #f1f5f9; --accent-rgb: 71, 85, 105; }