/* TopRezo — jetons de marque v2.0
   Source unique pour le manuel, le site et les documents. Ne pas recopier les valeurs ailleurs. */

@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-Variable.ttf') format('truetype');
  font-weight: 200 800;
  font-display: swap;
}

:root {
  /* Couleurs de marque */
  --tz-signal: #2855f8; /* Bleu signal : actions, accents */
  --tz-signal-fort: #1e46e0; /* survol, état pressé */
  --tz-signal-clair: #5b7fff; /* barres du logo sur fond sombre */
  --tz-signal-pale: #dce5ff;
  --tz-brume: #f3f6ff; /* surfaces légères */
  --tz-nuit: #12203b; /* Bleu nuit : texte, fonds sombres */
  --tz-nuit-2: #1a2b4d;
  --tz-nuit-3: #24375c;
  --tz-ardoise: #526078; /* texte secondaire */
  --tz-ligne: #dce2ec;
  --tz-blanc: #ffffff;
  --tz-volt: #c8f53c; /* accent d'énergie, sur fond sombre uniquement */
  --tz-succes: #16724a;
  --tz-alerte: #b42336;

  /* Lumière : dégradé réservé aux supports numériques */
  --tz-lumiere: linear-gradient(45deg, #1e46e0 0%, #2855f8 55%, #6f93ff 100%);
  --tz-aurore:
    radial-gradient(60% 80% at 78% 8%, #2855f866 0%, transparent 60%),
    radial-gradient(50% 70% at 8% 96%, #5b7fff33 0%, transparent 62%), var(--tz-nuit);

  /* Typographie */
  --tz-police: 'Manrope', 'Segoe UI', Arial, sans-serif;
  --tz-titre-xl: clamp(2.5rem, 1.2rem + 5.2vw, 5.5rem);
  --tz-titre-l: clamp(2rem, 1.3rem + 2.6vw, 3.25rem);
  --tz-titre-m: clamp(1.4rem, 1.15rem + 1vw, 1.875rem);
  --tz-titre-s: 1.25rem;
  --tz-texte: 1rem;
  --tz-texte-s: 0.875rem;
  --tz-note: 0.75rem;

  /* Espacements : base 8 px */
  --tz-1: 0.5rem;
  --tz-2: 1rem;
  --tz-3: 1.5rem;
  --tz-4: 2rem;
  --tz-6: 3rem;
  --tz-8: 4rem;
  --tz-12: 6rem;

  /* Angles */
  --tz-rayon-s: 8px; /* boutons, champs */
  --tz-rayon-m: 12px; /* cartes */
  --tz-rayon-l: 24px; /* grands blocs */
  --tz-rayon-pilule: 999px;

  /* Pente du signal : l'angle des sommets du logo, repris dans les découpes */
  --tz-pente: 31deg;

  /* Mouvement */
  --tz-courbe: cubic-bezier(0.2, 0.8, 0.2, 1); /* sortie douce : apparitions */
  --tz-rebond: cubic-bezier(0.34, 1.56, 0.64, 1); /* léger dépassement : le signal qui monte */
  --tz-rapide: 160ms;
  --tz-normal: 280ms;
  --tz-ample: 640ms;

  /* Ombres */
  --tz-ombre-s: 0 1px 2px #12203b14, 0 2px 8px #12203b0a;
  --tz-ombre-m: 0 8px 24px #12203b14, 0 2px 6px #12203b0a;
  --tz-ombre-signal: 0 10px 30px #2855f84d;
}