/* ═══════════════════════════════════════════════════════════
   base.css — variables globales + reset + layout
   À charger EN PREMIER, sur toutes les pages, avant les autres CSS.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* Dark mode forcé partout : la préférence système clair/sombre est ignorée. */
  color-scheme: dark;

  --content-max: 1366px;
  --gutter: 1rem;

  /* Couleurs de marque (identiques en clair/sombre) */
  --accent: #007AFF;
  --accent-hover: #0055D4;
  --gold: linear-gradient(to right, #a67c00, #d4af37 50%, #a67c00);
  --gold-solid: #d4af37; /* doré uni : bordures, outlines, accent-color */

  /* Polices (façon Ghost : titres en Inter, corps en Georgia) */
  --font-title: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: Georgia, Times, serif;

  /* Thème sombre (unique, appliqué en permanence) */
  --bg: #000000;
  --bg-secondary: #050505;
  --box: #1c1c1e;
  --bg-card: #111111;
  --bg-input: #111111;
  --text: #ffffff;
  --text-secondary: #888888;
  --text-muted: #555555;
  --text-faint: #444444;
  --border: #1a1a1a;
  --border-mid: #222222;
  --border-strong: #333333;
  --nav-bg: #000000;
  --nav-link-hover: #111111;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

/* Réserve en permanence la place de la barre de défilement :
   évite le décalage de largeur entre pages avec/sans scrollbar. */
html { scrollbar-gutter: stable; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: -apple-system, sans-serif;
  line-height: 1.5;
}

select, input, textarea { font-size: 16px; }

/* Contenu centré à --content-max, fond de page full-bleed autour */
.container {
  max-width: var(--content-max);
  margin-inline: auto;
  padding: var(--gutter);
  background: var(--box);
  min-height: 60vh;
}

/* Liseré (bande fine) dans la couleur or du header */
.hero-liseret {
  height: 12px;
  max-width: var(--content-max);
  margin-inline: auto;
  background: var(--gold);
}