/* =========================================================
   Thème repris de https://birostweb.fr (studio.css + tokens inline)
   Toutes les valeurs visuelles passent par ces variables.
   ========================================================= */
:root {
  /* Palette (exacte, site) */
  --paper: #E5E2D6;      /* greige : fond de page */
  --surface: #FBFAF6;    /* blanc chaud : cartes */
  --ink: #231F20;        /* noir chaud : texte, zones sombres */
  --accent: #F0451E;     /* vermillon */
  --accent-d: #CE3711;   /* vermillon survol */
  --gray: #6E6A5F;       /* texte secondaire */
  --line: #CFCABC;       /* filet sur greige */
  --line-2: #E9E5DB;     /* filet sur blanc */
  --tag-bg: rgba(229, 226, 214, .22);
  --shot-bar: #F1EEE7;

  /* Zones sombres (bandeau "bene", portrait, footer) */
  --d-bg: #231F20;
  --d-text: #F0EDE4;
  --d-dim: #AEA99C;
  --d-line: #3A3532;

  /* Couleurs de plateformes (dérivées du thème, contrastées sur --surface) */
  --c-tiktok: #231F20;     /* ink */
  --c-instagram: #F0451E;  /* accent */
  --c-linkedin: #2F5D8A;   /* bleu sourd, harmonisé au greige */

  /* Sémantique */
  --pos: #2E7D4F;
  --neg: #C0391B;
  --neu: #6E6A5F;

  /* Typographie (IBM Plex, auto-hébergée sur le site) */
  --fd: 'IBM Plex Sans Condensed', system-ui, sans-serif; /* titres */
  --fb: 'IBM Plex Sans', system-ui, sans-serif;           /* texte / boutons */
  --fm: 'IBM Plex Mono', ui-monospace, monospace;         /* labels, eyebrows, chiffres */

  /* Formes : style "studio" plat, filets fins, pas d'ombres */
  --r: 3px;          /* rayon cartes / champs */
  --r-sm: 2px;       /* chips, tags, badges */
  --shadow: none;
  --shadow-soft: 0 1px 0 rgba(35, 31, 32, .04);
  --border: 1px solid var(--line);
  --focus: 2px solid var(--accent);

  --max: 1320px;
  --sidebar-w: 248px;
  --topbar-h: 66px;
}