/* Tom Maucotel · généré par scripts/marque_tokens.py depuis docs/marque/tokens.json : ne pas éditer. */

/* 1. Primitives (ne pas utiliser directement dans les composants : passer par les rôles) */
:root {
  --tm-petrole-50: #EEF8F9;
  --tm-petrole-100: #D4F0F1;
  --tm-petrole-200: #A8DFE2;
  --tm-petrole-300: #72C8CE;
  --tm-petrole-400: #3DAFB8;
  --tm-petrole-500: #1A97A1;
  --tm-petrole-600: #0E7C86;
  --tm-petrole-700: #0B6770;
  --tm-petrole-800: #0A525A;
  --tm-petrole-900: #093F45;
  --tm-petrole-950: #052A2E;
  --tm-ardoise-0: #FFFFFF;
  --tm-ardoise-25: #F8FAFA;
  --tm-ardoise-50: #F1F4F5;
  --tm-ardoise-100: #E4E9EB;
  --tm-ardoise-200: #CED6D9;
  --tm-ardoise-300: #AEB9BD;
  --tm-ardoise-400: #849197;
  --tm-ardoise-500: #64737A;
  --tm-ardoise-600: #4B5960;
  --tm-ardoise-700: #364248;
  --tm-ardoise-800: #252F34;
  --tm-ardoise-850: #1B2428;
  --tm-ardoise-900: #131A1D;
  --tm-ardoise-950: #0B1113;
  --tm-etat-succes: #1D7A46;
  --tm-etat-succes-fond: #E8F5EE;
  --tm-etat-succes-sombre: #6CCB94;
  --tm-etat-succes-fond-sombre: #10261B;
  --tm-etat-alerte: #8A5300;
  --tm-etat-alerte-fond: #FDF3E1;
  --tm-etat-alerte-sombre: #E8B24F;
  --tm-etat-alerte-fond-sombre: #2B2210;
  --tm-etat-erreur: #B42318;
  --tm-etat-erreur-fond: #FDECEA;
  --tm-etat-erreur-sombre: #FF8A80;
  --tm-etat-erreur-fond-sombre: #331615;
  --tm-etat-info: #1F5FAD;
  --tm-etat-info-fond: #EAF1FB;
  --tm-etat-info-sombre: #8DB8F0;
  --tm-etat-info-fond-sombre: #12213A;
  --tm-or-50: #FFFBEB;
  --tm-or-100: #FEF3C7;
  --tm-or-200: #FDE68A;
  --tm-or-300: #FCD34D;
  --tm-or-400: #FBBF24;
  --tm-or-500: #F59E0B;
  --tm-or-600: #D97706;
  --tm-or-700: #B45309;
  --tm-or-800: #92400E;
  --tm-or-900: #78350F;
  --tm-or-950: #451A03;
  --tm-police-texte: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --tm-police-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --tm-police-titre: "IBM Plex Sans Condensed", "IBM Plex Sans", "Arial Narrow", system-ui, sans-serif;
  --tm-graisse-normale: 400;
  --tm-graisse-moyenne: 500;
  --tm-graisse-forte: 600;
  --tm-graisse-titre: 700;
  --tm-taille-xs: 0.75rem;
  --tm-taille-sm: 0.875rem;
  --tm-taille-base: 1rem;
  --tm-taille-md: 1.125rem;
  --tm-taille-lg: 1.25rem;
  --tm-taille-xl: 1.5rem;
  --tm-taille-2xl: 2rem;
  --tm-taille-3xl: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);
  --tm-taille-4xl: clamp(2.5rem, 1.4rem + 4.4vw, 5rem);
  --tm-interligne-serre: 1.15;
  --tm-interligne-titre: 1.3;
  --tm-interligne-texte: 1.6;
  --tm-espace-1: 4px;
  --tm-espace-2: 8px;
  --tm-espace-3: 12px;
  --tm-espace-4: 16px;
  --tm-espace-5: 24px;
  --tm-espace-6: 32px;
  --tm-espace-7: 48px;
  --tm-espace-8: 64px;
  --tm-espace-9: 96px;
  --tm-rayon-sm: 4px;
  --tm-rayon-md: 8px;
  --tm-rayon-lg: 12px;
  --tm-rayon-rond: 999px;
  --tm-mouvement-rapide: 120ms;
  --tm-mouvement-normal: 200ms;
  --tm-mouvement-courbe: cubic-bezier(0.2, 0, 0, 1);
  --tm-mouvement-sortie: cubic-bezier(0.16, 1, 0.3, 1);
  --tm-mise-en-page-largeur: 1120px;
  --tm-mise-en-page-largeur-texte: 68ch;
}

/* 2. Rôles du thème clair (défaut) */
:root {
  color-scheme: light;
  --tm-fond: var(--tm-ardoise-25);
  --tm-surface: var(--tm-ardoise-0);
  --tm-surface-2: var(--tm-ardoise-50);
  --tm-bordure: var(--tm-ardoise-200);
  --tm-bordure-forte: var(--tm-ardoise-500);
  --tm-texte: var(--tm-ardoise-950);
  --tm-texte-doux: var(--tm-ardoise-600);
  --tm-texte-faible: var(--tm-ardoise-500);
  --tm-marque: var(--tm-or-700);
  --tm-marque-survol: var(--tm-or-800);
  --tm-sur-marque: var(--tm-ardoise-0);
  --tm-marque-fond: var(--tm-or-50);
  --tm-marque-texte: var(--tm-or-800);
  --tm-lien: var(--tm-or-700);
  --tm-focus: var(--tm-or-700);
  --tm-couche-1: var(--tm-or-600);
  --tm-couche-2: var(--tm-or-700);
  --tm-couche-3: var(--tm-or-800);
  --tm-code-fond: var(--tm-ardoise-900);
  --tm-code-texte: var(--tm-ardoise-100);
  --tm-succes: var(--tm-etat-succes);
  --tm-succes-fond: var(--tm-etat-succes-fond);
  --tm-alerte: var(--tm-etat-alerte);
  --tm-alerte-fond: var(--tm-etat-alerte-fond);
  --tm-erreur: var(--tm-etat-erreur);
  --tm-erreur-fond: var(--tm-etat-erreur-fond);
  --tm-info: var(--tm-etat-info);
  --tm-info-fond: var(--tm-etat-info-fond);
  --tm-voile: rgba(11, 17, 19, 0.55);
  --tm-ombre-1: 0 1px 2px rgba(11, 17, 19, 0.06);
  --tm-ombre-2: 0 2px 8px rgba(11, 17, 19, 0.08), 0 1px 2px rgba(11, 17, 19, 0.06);
  --tm-ombre-3: 0 16px 40px rgba(11, 17, 19, 0.18);
  --tm-scene-ciel: var(--tm-ardoise-100);
  --tm-scene-encre: var(--tm-ardoise-950);
  --tm-scene-accent: var(--tm-or-800);
  --tm-scene-heure-haut: rgba(11, 17, 19, 0);
  --tm-scene-heure-bas: rgba(5, 42, 46, 0);
  --tm-scene-relief: none;
  --tm-final-encre: var(--tm-ardoise-25);
  --tm-final-fond: var(--tm-ardoise-950);
}

/* 3. Thème sombre : réglage du système, sauf choix explicite « clair » */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) {
    color-scheme: dark;
    --tm-fond: var(--tm-ardoise-950);
    --tm-surface: var(--tm-ardoise-900);
    --tm-surface-2: var(--tm-ardoise-850);
    --tm-bordure: var(--tm-ardoise-800);
    --tm-bordure-forte: var(--tm-ardoise-500);
    --tm-texte: var(--tm-ardoise-100);
    --tm-texte-doux: var(--tm-ardoise-300);
    --tm-texte-faible: var(--tm-ardoise-400);
    --tm-marque: var(--tm-or-400);
    --tm-marque-survol: var(--tm-or-300);
    --tm-sur-marque: var(--tm-ardoise-950);
    --tm-marque-fond: var(--tm-or-950);
    --tm-marque-texte: var(--tm-or-200);
    --tm-lien: var(--tm-or-400);
    --tm-focus: var(--tm-or-400);
    --tm-couche-1: var(--tm-or-700);
    --tm-couche-2: var(--tm-or-500);
    --tm-couche-3: var(--tm-or-300);
    --tm-code-fond: var(--tm-ardoise-950);
    --tm-code-texte: var(--tm-ardoise-100);
    --tm-succes: var(--tm-etat-succes-sombre);
    --tm-succes-fond: var(--tm-etat-succes-fond-sombre);
    --tm-alerte: var(--tm-etat-alerte-sombre);
    --tm-alerte-fond: var(--tm-etat-alerte-fond-sombre);
    --tm-erreur: var(--tm-etat-erreur-sombre);
    --tm-erreur-fond: var(--tm-etat-erreur-fond-sombre);
    --tm-info: var(--tm-etat-info-sombre);
    --tm-info-fond: var(--tm-etat-info-fond-sombre);
    --tm-voile: rgba(0, 0, 0, 0.7);
    --tm-ombre-1: 0 1px 2px rgba(0, 0, 0, 0.4);
    --tm-ombre-2: 0 2px 10px rgba(0, 0, 0, 0.45);
    --tm-ombre-3: 0 20px 48px rgba(0, 0, 0, 0.6);
    --tm-scene-ciel: var(--tm-ardoise-900);
    --tm-scene-encre: var(--tm-ardoise-25);
    --tm-scene-accent: var(--tm-or-400);
    --tm-scene-heure-haut: rgba(11, 17, 19, 0.95);
    --tm-scene-heure-bas: rgba(5, 42, 46, 0.72);
    --tm-scene-relief: brightness(0.8) saturate(1.06);
    --tm-final-encre: var(--tm-ardoise-25);
    --tm-final-fond: var(--tm-ardoise-950);
  }
}

/* 4. Thème sombre choisi explicitement */
:root[data-theme="sombre"] {
  color-scheme: dark;
  --tm-fond: var(--tm-ardoise-950);
  --tm-surface: var(--tm-ardoise-900);
  --tm-surface-2: var(--tm-ardoise-850);
  --tm-bordure: var(--tm-ardoise-800);
  --tm-bordure-forte: var(--tm-ardoise-500);
  --tm-texte: var(--tm-ardoise-100);
  --tm-texte-doux: var(--tm-ardoise-300);
  --tm-texte-faible: var(--tm-ardoise-400);
  --tm-marque: var(--tm-or-400);
  --tm-marque-survol: var(--tm-or-300);
  --tm-sur-marque: var(--tm-ardoise-950);
  --tm-marque-fond: var(--tm-or-950);
  --tm-marque-texte: var(--tm-or-200);
  --tm-lien: var(--tm-or-400);
  --tm-focus: var(--tm-or-400);
  --tm-couche-1: var(--tm-or-700);
  --tm-couche-2: var(--tm-or-500);
  --tm-couche-3: var(--tm-or-300);
  --tm-code-fond: var(--tm-ardoise-950);
  --tm-code-texte: var(--tm-ardoise-100);
  --tm-succes: var(--tm-etat-succes-sombre);
  --tm-succes-fond: var(--tm-etat-succes-fond-sombre);
  --tm-alerte: var(--tm-etat-alerte-sombre);
  --tm-alerte-fond: var(--tm-etat-alerte-fond-sombre);
  --tm-erreur: var(--tm-etat-erreur-sombre);
  --tm-erreur-fond: var(--tm-etat-erreur-fond-sombre);
  --tm-info: var(--tm-etat-info-sombre);
  --tm-info-fond: var(--tm-etat-info-fond-sombre);
  --tm-voile: rgba(0, 0, 0, 0.7);
  --tm-ombre-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --tm-ombre-2: 0 2px 10px rgba(0, 0, 0, 0.45);
  --tm-ombre-3: 0 20px 48px rgba(0, 0, 0, 0.6);
  --tm-scene-ciel: var(--tm-ardoise-900);
  --tm-scene-encre: var(--tm-ardoise-25);
  --tm-scene-accent: var(--tm-or-400);
  --tm-scene-heure-haut: rgba(11, 17, 19, 0.95);
  --tm-scene-heure-bas: rgba(5, 42, 46, 0.72);
  --tm-scene-relief: brightness(0.8) saturate(1.06);
  --tm-final-encre: var(--tm-ardoise-25);
  --tm-final-fond: var(--tm-ardoise-950);
}