/* DA Tandem — la plateforme parle la même langue que l'OS d'agence.
 *
 * Ce fichier est chargé APRÈS le <style> de chaque page : il redéfinit les mêmes
 * jetons, rien d'autre. Les pages n'ont pas été réécrites — c'est ce qui rend le
 * changement réversible, et vérifiable d'un coup d'œil.
 *
 * Source : brand-os-tandem/src/app/globals.css (DA ACTUELLE du Cockpit) — neutres
 * CHAUDS, cartes blanches, encre #17140f, orange D2S #F15A24, rayon 18 px,
 * Bricolage Grotesque (titres) + Hanken Grotesk (corps) + JetBrains Mono.
 */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root {
  --bg:        #f5f3ef;   /* off-white CHAUD (neutres chauds du Cockpit) */
  --surface:   #FFFFFF;   /* les cartes s'élèvent par le blanc, pas par l'ombre */
  --surface2:  #efece6;
  --border:    #e5e0d7;
  --accent:        #F15A24;
  --accent-bright: #D94A17;   /* sur fond clair, l'orange vif fonce pour rester lisible */
  --green:  #2e7d55;
  --orange: #a9700a;
  --red:    #c0392b;
  --text:   #17140f;
  --muted:  #726a5f;
  --radius: 18px;
}

body {
  font-family: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
}
h1, h2, h3 { font-family: 'Bricolage Grotesque', Georgia, serif; letter-spacing: -.01em; }

/* Les pages ont été dessinées sur fond sombre : du blanc semi-transparent y servait
   de filet, de survol et de texte secondaire. Sur fond clair, le même blanc disparaît.
   On le réécrit en noir translucide, aux mêmes intensités. */
[style*="rgba(255,255,255"] { }   /* repère : les styles en ligne sont traités page par page */

/* Rayons : 18 px, la signature Tandem. On ne touche qu'aux grandes surfaces —
   un bouton de 30 px de haut avec 18 px de rayon devient une pastille. */
.card, .funnel-card, .client-card, .bloc, .carte, .filtres, .fiche, .repli > summary {
  border-radius: var(--radius);
}

/* ── FINITION (21/10) ───────────────────────────────────────────────────────
   Trois défauts que la seule redéfinition des jetons ne pouvait pas corriger.

   1. LES BOUTONS ÉTAIENT EN ARIAL. Les champs de formulaire n'héritent pas de
      la police du document : il faut le leur dire. Toute l'interface portait
      donc Hanken Grotesk, sauf ses boutons, ses champs et ses listes — c'est
      le genre d'écart qu'on ne nomme pas mais qu'on voit. */
button, input, select, textarea, optgroup {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

/* 2. LE FOCUS. L'orange est la signature de Tandem, et c'est aussi ce qui
      rend la navigation au clavier visible. Un seul trait, partout. */
:where(button, a, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 10px;
}

/* 3. LES RAYONS DES COMMANDES. 18 px sur un bouton de 32 px donne une pastille :
      les grandes surfaces gardent le rayon de marque, les commandes prennent
      le petit. On ne touche pas aux tailles, seulement aux angles. */
/* Écrit avec :where(), donc SANS priorité : la moindre règle de la page l'emporte.
   La première version écrasait tout, et les champs qui n'avaient pas de marge
   intérieure se sont mis à rogner leur texte contre l'arrondi — « Coach » perdait
   son C (signalé le 21/10, grille de qualification). Une feuille d'harmonisation
   comble les manques, elle ne redessine pas par-dessus. */
:where(button, input, select, textarea) {
  border-radius: 10px;
}
/* La marge intérieure va de pair avec l'arrondi : sans elle, la courbe mord sur
   la première lettre. Elle aussi cède devant la page. */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
  padding-inline: 12px;
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea) {
  padding-block: 9px;
}
input[type="checkbox"], input[type="radio"] { border-radius: 0; accent-color: var(--accent); }
input[type="range"] { accent-color: var(--accent); }

/* Les chiffres s'alignent en colonne : un tableau de nombres qui danse se
   compare mal. */
table, .chiffres, .carte .val, .cle .val, .mesure .val { font-variant-numeric: tabular-nums; }