/* PIKA_TOKENS_V1 -- SOURCE UNIQUE de la palette (« livre de bord » : pétrole, sable, papier chaud).
   Chargé par TOUTES les pages applicatives AVANT leur feuille de style. Ne plus écrire de couleur en dur
   dans une feuille de style : utiliser var(--token). Contrastes calculés : encre/papier 13,8:1 (AAA),
   muté/papier 5,4:1 (AA), blanc/pétrole 9,9:1 (AAA). Statuts : ok / warn / crit / info (+ paires pos / neg).
   La page hors ligne (offline.css) et la page publique d'avis (satisfaction.css) restent autonomes. */
:root {
  /* Marque */
  --petrole:      #1C4650;
  --petrole-deep: #123842;
  --brand-surface: var(--petrole);   /* fonds pleins de marque (entete de fenetre) : en nuit, petrole tres sombre */
  --petrole-ink:  #123842;   /* petrole profond en TEXTE (en nuit : teinte claire, car --petrole-deep devient un fond tres sombre) */
  --primary-light:#3A7480;
  --sable:        #CDA36B;
  --sable-deep:   #8A6D3B;
  --sable-soft:   #F3EAD9;
  /* Neutres chauds */
  --paper:        #F3F1EC;   /* fond de page */
  --card:         #FFFFFF;   /* surfaces */
  --white:        #FFFFFF;   /* blanc pur : texte sur fond foncé, filets clairs (ne change jamais) */
  --ink:          #16262A;   /* texte */
  --muted:        #566468;   /* texte secondaire */
  --muted-soft:   #8A9396;   /* texte discret (placeholder, icônes) */
  --line:         #E4E0D6;   /* filet */
  --line-strong:  #C9CFCB;   /* bordure appuyée (tuiles, champs) */
  --surface-alt:  #F8F7F3;   /* zèbre, survol très léger */
  --tint:         #EDF1F0;   /* fond de sélection / survol */
  /* Statuts */
  --ok:           #16A34A;
  --ok-contrast:  #15803D;
  --warn:         #A6650A;
  --crit:         #B23B3B;
  --info:         #2451A8;
  --pos-bg:       #E7F3EC;
  --pos-ink:      #0F6E33;
  --neg-bg:       #F7E9E7;
  --neg-ink:      #A62F2F;
  --neg-line:     #E6C9C6;   /* bordure des bandeaux d'alerte */
  --mode-virement:#6D3FA0;   /* mode de paiement Virement (sélectionné) */
  --mode-cheque:  #0F7A86;   /* mode de paiement Chèque (sélectionné) */
  --teal-light:   #5FA8B2;   /* turquoise clair : barres par secteur, icône de menu sur fond foncé */
  /* Alias historiques (utilisés avec valeur de repli dans d'anciennes règles) */
  --gold:         var(--sable);
  --accent-deep:  var(--sable-deep);
  --accent-soft:  var(--sable-soft);
  --danger-soft:  var(--neg-bg);
  --field-bg:     var(--surface-alt);

  /* PIKA_ECHELLE_TYPO_V1 -- echelle typographique UNIQUE (chargee par toutes les pages applicatives). Ne plus ecrire de font-size en rem/px entre 11 et 21 px :
     utiliser var(--fs-*). Au-dela (titres, grands nombres), valeurs libres tant qu'elles restent rares (voir le test de cliquet). */
  --fs-3xs:  0.6875rem;  /* 11px -- legendes tres denses */
  --fs-2xs:  0.75rem;    /* 12px -- etiquettes capitales, pastilles */
  --fs-xs:   0.8125rem;  /* 13px -- meta, aides, notes de bas de tuile */
  --fs-sm:   0.875rem;   /* 14px -- texte secondaire, cellules de tableau denses */
  --fs-base: 1rem;       /* 16px -- corps */
  --fs-md:   1.125rem;   /* 18px -- sous-titre h3, mise en avant */
  --fs-lg:   1.3125rem;  /* 21px -- titre de carte / section (h2) */
  --fs-xl:   1.625rem;   /* 26px -- titre d'ecran (h1) */
  --fs-2xl:  2rem;       /* 32px -- grand nombre phare */
}

/* Scrollbar -- PIKA_SCROLLBAR_UNIQUE_V1 : UNE seule forme pour toutes les barres de defilement (verticales et horizontales) : 6 px, piste transparente,
   curseur arrondi. Ne plus ajouter de ::-webkit-scrollbar ni de scrollbar-width sur un element : cela change la forme de cette barre-la seulement
   (et scrollbar-width / scrollbar-color desactivent ces regles dans Chrome recent). */
::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(28,70,80,0.25); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(28,70,80,0.4); }
@supports not selector(::-webkit-scrollbar) {
  * { scrollbar-width: thin; scrollbar-color: rgba(28,70,80,0.25) transparent; }
}

/* PIKA_THEME_NUIT_V1 -- theme « veille de nuit » : meme livre de bord, fond petrole tres sombre (jamais noir pur), memes accents. Active UNIQUEMENT par choix
   de l'utilisateur (data-theme="dark" pose par js/theme.js), jamais par le systeme. Les jetons de marque gardent leur nom : ne rien ecrire de specifique au
   theme dans les feuilles de style, redefinir ici. --white reste blanc (texte sur fond de marque) ; les surfaces utilisent --card. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --petrole:      #4A8C99;   /* texte d'accent et fonds de boutons : blanc dessus 3,9:1, sur --card 4,6:1 */
  --petrole-deep: #0B1719;
  --brand-surface: var(--petrole-deep);
  --petrole-ink:  #BFD9DD;
  --primary-light:#5FA8B2;
  --sable:        #CDA36B;
  --sable-deep:   #E0BE8A;
  --sable-soft:   #2B2A22;
  --paper:        #0F1E22;
  --card:         #16292E;
  --ink:          #E6EEEE;
  --muted:        #9DB0B3;
  --muted-soft:   #6F878B;
  --line:         #2A4046;
  --line-strong:  #3A5258;
  --surface-alt:  #1B3036;
  --tint:         #1B3036;
  --ok:           #2FBF6B;
  --ok-contrast:  #6FD1A0;
  --warn:         #F0B75A;
  --crit:         #D9605F;
  --info:         #7BA4F0;
  --pos-bg:       #17352A;
  --pos-ink:      #6FD1A0;
  --neg-bg:       #3B1D1E;
  --neg-ink:      #F08A8C;
  --neg-line:     #6B3436;
  --pg-shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --pg-shadow-md: 0 6px 18px -8px rgba(0,0,0,0.6);
  --ui-shadow-soft: 0 10px 30px -20px rgba(0,0,0,0.7);
}
.theme-toggle { margin: 10px 14px 0; padding: 6px 10px; width: calc(100% - 28px); border: 1px solid rgba(255,255,255,0.25); border-radius: 8px; background: transparent; color: var(--white); font: inherit; font-size: var(--fs-2xs); cursor: pointer; }
.theme-toggle:hover { background: rgba(255,255,255,0.1); }
.theme-toggle:focus-visible { outline: 2px solid var(--sable); outline-offset: 2px; }