/* BENETIERE — jetons de marque v2 (source de vérité). Ne jamais coder une couleur, police ou taille en dur ailleurs. */
/* Polices auto-hébergées dans le thème (assets/css/fonts.css), chargées avant ce fichier */

:root {
  /* Marque */
  --bn-red: #B81828;
  --bn-red-deep: #8A0F1C;
  --bn-red-bright: #D8243A;
  --bn-red-on-dark: #F0525F;
  --bn-ink: #0A0A0B;
  --bn-paper: #F4F2EE;
  --bn-white: #FFFFFF;

  /* Neutres */
  --bn-gray-50: #F8F8FA;
  --bn-gray-100: #F2F2F4;
  --bn-gray-200: #E5E5E8;
  --bn-gray-300: #C4C4CA;
  --bn-gray-400: #97979F;
  --bn-gray-500: #6B6B73;
  --bn-gray-600: #3F3F46;
  --bn-gray-700: #2A2A30;
  --bn-gray-800: #1C1C20;
  --bn-gray-900: #131316;

  /* Métiers : badges, pictos de données, graphiques. Jamais en aplat de fond. */
  --bn-metier-chauffage: #B81828;
  --bn-metier-climatisation: #3B7FC4;
  --bn-metier-ventilation: #3E8A87;
  --bn-metier-plomberie: #2A6FB8;
  --bn-metier-energie: #26874C;
  --bn-metier-industrie: #A86B12;

  /* Typographie */
  --font-display: "Saira", "Arial Narrow", sans-serif;
  --font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Échelle du site (fluide) */
  --text-display: clamp(2.75rem, 1.5rem + 4.5vw, 6rem);
  --text-h1: clamp(2.25rem, 1.6rem + 2.4vw, 3.75rem);
  --text-h2: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --text-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --text-body: 1.0625rem;
  --text-small: 0.875rem;
  --text-eyebrow: 0.8125rem;

  /* Espacements (base 4 px) */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px; --space-11: 160px; --space-12: 200px;

  /* Formes */
  --radius-0: 0;
  --radius-btn: 2px;
  --rule-width: 8px;
}

.bn-dark {
  --bg: var(--bn-ink);
  --bg-raised: var(--bn-gray-900);
  --fg: var(--bn-white);
  --fg-soft: var(--bn-gray-200);
  --fg-muted: var(--bn-gray-400);
  --line: rgba(255, 255, 255, 0.14);
  --line-strong: rgba(255, 255, 255, 0.28);
  --accent-text: var(--bn-red-on-dark);
}

.bn-light {
  --bg: var(--bn-paper);
  --bg-raised: var(--bn-white);
  --fg: var(--bn-ink);
  --fg-soft: var(--bn-gray-700);
  --fg-muted: var(--bn-gray-500);
  --line: rgba(10, 10, 11, 0.14);
  --line-strong: rgba(10, 10, 11, 0.32);
  --accent-text: var(--bn-red);
}