/* plim-theme.css — thème PARTAGÉ des pages « hors app » (page de lancement, pages légales, pages d'info / SEO).
 * v0.75.60 : ces pages suivaient un fond noir fixe ; elles suivent désormais les choix faits dans l'interface UI
 * (sidebar « … » → Couleur UI : Mode sombre / Fond / Thème / Accent), lus dans localStorage par plim-theme.js.
 *
 * ⚠ Les blocs « variables de l'UI » ci-dessous sont des COPIES EXACTES de style.css (:root, html[data-theme="light"],
 *   html[data-accent="…"]) — seules les variables utiles aux pages sont reprises. `npm run check` vérifie la synchro :
 *   si tu changes une couleur dans style.css, recopie-la ici (le check le dit).
 * Les jetons --pg-* en bas sont dérivés de ces variables : c'est ce que les pages utilisent (chacun avec un repli en dur
 *   dans les pages, au cas où ce fichier ne se chargerait pas). */

:root {
  --bg: #10172d;
  --surface: #161513;
  --surface2: #1e1c19;
  --surface3: #252320;
  --border: #2a2720;
  --border2: #3a3630;
  --text1: #f0ece4;
  --text2: #b0aba2;
  --text3: #8f8a81;
  --accent: #3B7FD4;
  --accent-rgb: 59,127,212;
  --accent-dark: #3068AE;
  --accent-tint: #72A3E0;
  --accent-tint2: #95BAE8;
  --accent-bg-light: #E2ECF9;
  --accent-bg-light2: #EDF3FB;
  --accent-border-light: #C8DBF3;
  --accent2: #EAA248;
  --accent2-rgb: 234,162,72;
}

html[data-theme="light"] {
  --bg: #c3c3c3;
  --surface: #f8f5ee;
  --surface2: #ede8de;
  --surface3: #e4dfd4;
  --border: #d4cfc4;
  --border2: #c4bfb4;
  --text1: #1a1816;
  --text2: #6a6460;
  --text3: #a09890;
}

html[data-accent="sauge"] {
  --accent: #6b8f5d;
  --accent-rgb: 107,143,93;
  --accent-dark: #52713f;
  --accent-tint: #a9c79b;
  --accent-tint2: #c9dfbd;
  --accent-bg-light: #e4ecdd;
  --accent-bg-light2: #edf3e7;
  --accent-border-light: #cde0c1;
  --accent2: #E879F9;
  --accent2-rgb: 232,121,249;
}

html[data-accent="rose"] {
  --accent: #DB2F79;
  --accent-rgb: 219,47,121;
  --accent-dark: #B32663;
  --accent-tint: #E5699F;
  --accent-tint2: #EC8FB7;
  --accent-bg-light: #FAE0EB;
  --accent-bg-light2: #FCECF3;
  --accent-border-light: #F5C5D9;
  --accent2: #19C9A2;
  --accent2-rgb: 25,201,162;
}

html[data-accent="terracotta"] {
  --accent: #c1502e;
  --accent-rgb: 193,80,46;
  --accent-dark: #9c3e22;
  --accent-tint: #e8a685;
  --accent-tint2: #f0c4a8;
  --accent-bg-light: #fbe4d8;
  --accent-bg-light2: #fdece2;
  --accent-border-light: #f3c7ab;
  --accent2: #00D2FE;
  --accent2-rgb: 0,210,254;
}

html[data-accent="electrique"] {
  --accent: #3B7FD4;
  --accent-rgb: 59,127,212;
  --accent-dark: #3068AE;
  --accent-tint: #72A3E0;
  --accent-tint2: #95BAE8;
  --accent-bg-light: #E2ECF9;
  --accent-bg-light2: #EDF3FB;
  --accent-border-light: #C8DBF3;
  --accent2: #EAA248;
  --accent2-rgb: 234,162,72;
}

html[data-accent="jaune"] {
  --accent: #FFD166;
  --accent-rgb: 255,209,102;
  --accent-dark: #D1AB54;
  --accent-tint: #FFDE91;
  --accent-tint2: #FFE6AC;
  --accent-bg-light: #FFF8E8;
  --accent-bg-light2: #FFFBF1;
  --accent-border-light: #FFF2D4;
  --accent2: #3370FF;
  --accent2-rgb: 51,112,255;
}

html[data-accent="vertdeau"] {
  --accent: #06D6A0;
  --accent-rgb: 6,214,160;
  --accent-dark: #05AF83;
  --accent-tint: #4CE1BB;
  --accent-tint2: #79E9CC;
  --accent-bg-light: #DAF9F1;
  --accent-bg-light2: #E9FBF6;
  --accent-border-light: #B9F4E4;
  --accent2: #FF3368;
  --accent2-rgb: 255,51,104;
}

html[data-accent="blanc"] {
  --accent: #1a1a1a;
  --accent-rgb: 26,26,26;
  --accent-dark: #000000;
  --accent-tint: #4d4d4d;
  --accent-tint2: #737373;
  --accent-bg-light: #e8e8e8;
  --accent-bg-light2: #f2f2f2;
  --accent-border-light: #d4d4d4;
  --accent2: #9e9e9e;
  --accent2-rgb: 158,158,158;
}

html[data-accent="gris"] {
  --accent: #4d4d4d;
  --accent-rgb: 77,77,77;
  --accent-dark: #333333;
  --accent-tint: #6e6e6e;
  --accent-tint2: #8f8f8f;
  --accent-bg-light: #e6e6e6;
  --accent-bg-light2: #f0f0f0;
  --accent-border-light: #d6d6d6;
  --accent2: #bdbdbd;
  --accent2-rgb: 189,189,189;
}

html[data-accent="noir"] {
  --accent: #cfcfcf;
  --accent-rgb: 207,207,207;
  --accent-dark: #ababab;
  --accent-tint: #dedede;
  --accent-tint2: #ececec;
  --accent-bg-light: #f4f4f4;
  --accent-bg-light2: #fafafa;
  --accent-border-light: #e2e2e2;
  --accent2: #6e6e6e;
  --accent2-rgb: 110,110,110;
}


/* ── Jetons des pages ───────────────────────────────────────────────────────────────────────────────────────────── */
html { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }
:root {
  --pg-bg: var(--surface);
  --pg-bg-grad: radial-gradient(circle at 20% 30%, var(--surface2), var(--surface));
  --pg-card: var(--surface2);
  --pg-card-alt: color-mix(in srgb, var(--surface2) 55%, var(--surface));
  --pg-line: var(--border);
  --pg-line2: var(--border2);
  --pg-text: var(--text1);
  --pg-text2: var(--text2);
  /* texte secondaire / mentions : text2 légèrement adouci (lisible en clair comme en sombre) */
  --pg-muted: color-mix(in srgb, var(--text2) 90%, var(--surface));
  --pg-soft-bg: color-mix(in srgb, var(--text1) 4%, transparent);
  --pg-soft-line: color-mix(in srgb, var(--text1) 10%, transparent);
  --pg-hover-bg: color-mix(in srgb, var(--text1) 10%, transparent);
  --pg-shadow: rgba(0,0,0,.5);
  --pg-tint1: color-mix(in srgb, var(--text1) 7%, transparent);
  --pg-tint2: color-mix(in srgb, var(--text1) 13%, transparent);
  /* piste d'un interrupteur éteint */
  --pg-track: color-mix(in srgb, var(--text1) 25%, var(--surface));
  /* vert « OK » (pastilles) : lisible sur fond sombre comme clair */
  --pg-ok: #6fd08c;
  /* posés par plim-theme.js (contraste garanti sur le fond) ; replis = couleurs de l'UI telles quelles */
  --pg-accent-fg: var(--accent);
  --pg-accent2-fg: var(--accent2);
  --pg-btn: var(--accent);
  --pg-btn-dark: var(--accent-dark);
  --pg-btn-tint: var(--accent-tint);
  --pg-on-btn: #fff;
  --pg-on-accent2: #111;
  --pg-link: var(--pg-accent-fg);
}
html[data-theme="light"] { --pg-shadow: rgba(0,0,0,.18); --pg-ok: #1f8a4c; }