/* ============================================================================
theme.css — thème clair partagé
----------------------------------------------------------------------------
Le thème sombre reste défini page par page (bloc :root de chaque fichier).
Ce fichier n'ajoute QUE les surcharges du mode clair, sélectionnées par
:root[data-theme="light"] — spécificité (0,2,0), donc elles l'emportent sur
le :root local (0,1,0) même si celui-ci est déclaré plus loin dans la page.
L'attribut data-theme est posé sur par theme.js, avant le premier
rendu, pour éviter le flash.
Trois familles de tokens cohabitent dans l'app :
· dark V2 --bg/--panel/--panel-2/--line/--txt/--blue/--teal/…
· dark V1 --bg/--panel/--panel-2/--line/--txt/--accent/--accent-2/…
· claire --surface/--surface2/--border/--text/--accent/… (pages script-*)
Les deux premières sont surchargées ici. La troisième est déjà claire : les
pages script-closer et script-setter reçoivent à la place une variante
sombre, plus bas dans ce fichier.
========================================================================= */
:root { color-scheme: dark; }
/* ==========================================================================
1. Mode clair — familles de tokens sombres (V1 + V2)
========================================================================== */
:root[data-theme="light"] {
color-scheme: light;
/* Fonds et surfaces */
--bg: #f5f7fb;
--bg-2: #eef2f8;
--panel: #ffffff;
--panel-2: #f7f9fd;
--line: #e3e9f2;
--line-2: #cbd5e4;
--bg-glow: #e8edf7;
/* Texte */
--txt: #1e293b;
--muted: #5c6a7d; /* 5,0:1 sur le fond de page, 4,6:1 sur la pastille de nav */
--muted-2: #67717f; /* 4,7:1 sur blanc — AA pour le texte secondaire */
/* Accents — assombris pour tenir le contraste AA sur fond blanc */
--blue: #2563eb;
--accent: #2563eb;
--accent-2: #1d4ed8;
--teal: #0f766e;
--green: #047857;
--amber: #b45309;
--red: #dc2626;
--violet: #7c3aed;
--pink: #db2777;
--gold: #a16207;
--silver: #64748b;
--bronze: #b45309;
/* Encres sur pastilles teintées : en sombre c'était une teinte pâle du même
accent, en clair il faut au contraire une teinte foncée. */
--blue-ink: #1e40af;
--green-ink: #065f46;
--amber-ink: #92400e;
--red-ink: #991b1b;
--violet-ink: #5b21b6;
/* Famille script-* : même correction de contraste que --green */
--pos: #047857;
/* Voiles de survol : blanc translucide en sombre, ardoise en clair */
--ov-1: rgba(15, 23, 42, .025);
--ov-2: rgba(15, 23, 42, .045);
--ov-3: rgba(15, 23, 42, .07);
--ov-4: rgba(15, 23, 42, .14);
--shadow: 0 1px 2px rgba(30, 41, 59, .06), 0 8px 24px rgba(30, 41, 59, .07);
--glow-teal: 0 2px 10px rgba(13, 148, 136, .22);
}
/* ==========================================================================
2. Valeurs sombres des tokens introduits par ce chantier
--------------------------------------------------------------------------
Ces tokens n'existaient pas dans les blocs :root des pages (les couleurs
correspondantes y étaient écrites en dur). On leur donne ici leur valeur
sombre, pour que le rendu actuel soit strictement préservé.
========================================================================== */
:root {
--line-2: #39414f;
--bg-glow: #1a2030;
--blue-ink: #9db9ff;
--green-ink: #c8ffe3;
--amber-ink: #ffd9a8;
--red-ink: #ffd3da;
--violet-ink: #d7c6ff;
--ov-1: rgba(255, 255, 255, .025);
--ov-2: rgba(255, 255, 255, .045);
--ov-3: rgba(255, 255, 255, .065);
--ov-4: rgba(255, 255, 255, .14);
}
/* Filet de sécurité : la barre de navigation a été copiée-collée entre pages
avec les couleurs de la palette V2, si bien que certaines pages V1 ou
script-* consomment des tokens que leur propre :root ne déclare pas
(--teal sur index et extraction, --amber/--red sur settings…). Ce bloc leur
donne la valeur sombre canonique.
Il est volontairement placé AVANT le :root de chaque page dans l'ordre de
cascade (le précède le