/* La Conciergerie — tokens de la charte 2027 (source : design/CHARTE.md) */
:root {
  /* Couleurs */
  --nuit: #0F1626;
  --nuit-2: #131C30;
  --surface: #182238;
  --relief: #1F2B45;
  --bordure: #26324D;
  --bordure-forte: #6B7A9E;
  --texte: #EEF1F6;
  --texte-2: #A3AEC4;
  --orange: #F97316;
  --creme: #FBF5EC;

  /* Dégradés et halos */
  --degrade: linear-gradient(120deg, #FFB547 0%, #F97316 50%, #EE5A36 100%);
  --degrade-bordure: linear-gradient(120deg, #FFB547 0%, #F97316 50%, #7C3AED 100%);
  --halo-prune: rgba(124, 58, 237, 0.35);
  --halo-orange: rgba(238, 90, 54, 0.45);
  --fond-halos:
    radial-gradient(circle at 0% 0%, var(--halo-prune) 0%, transparent 40%),
    radial-gradient(circle at 85% 75%, var(--halo-orange) 0%, transparent 40%),
    var(--nuit);

  /* Typographie */
  --font-titre: "Montserrat", system-ui, sans-serif;
  --font-texte: "Inter", system-ui, sans-serif;
  --fs-display: clamp(2.25rem, 4.5vw + 1rem, 3.375rem); /* 36 → 54 px */
  --fs-h2: clamp(1.75rem, 2vw + 1rem, 2.1875rem);       /* 28 → 35 px */
  --fs-carte: 1.375rem;   /* 22 px */
  --fs-large: 1.1875rem;  /* 19 px */
  --fs-texte: 1rem;       /* 16 px */
  --fs-label: 0.9375rem;  /* 15 px */
  --fs-legende: 0.8125rem;/* 13 px */
  --lh-titre: 1.08;
  --lh-texte: 1.5;
  --tracking-surtitre: 0.14em;

  /* Espacements (grille de 4 px) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-14: 56px;
  --s-18: 72px;
  --s-24: 96px;
  --conteneur: 1200px;

  /* Formes */
  --r-texte: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-full: 999px;
  --h-bouton: 52px;
  --h-champ: 48px;
  --focus: 0 0 0 2px var(--nuit), 0 0 0 4px var(--orange);
}

/* Utilitaires de marque */
.texte-degrade {
  background: var(--degrade);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.bloc-degrade {
  background: var(--degrade);
  color: var(--nuit);
  padding: 0 0.25em;
  border-radius: var(--r-texte);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.surtitre {
  font-family: var(--font-texte);
  font-weight: 700;
  font-size: var(--fs-legende);
  letter-spacing: var(--tracking-surtitre);
  text-transform: uppercase;
  color: var(--orange);
}