/* Centralise les couleurs personnalisees appliquees aux pages publiques et aux composants recurrents. */
/* Design tokens */
:root {
  --bg: #080005;
  --bg-soft: #13030b;
  --surface: rgba(255, 255, 255, 0.075);
  --surface-strong: rgba(255, 255, 255, 0.13);
  --surface-dark: rgba(8, 10, 15, 0.74);

  --text: #f7f9ff;
  --text-muted: rgba(247, 249, 255, 0.72);
  --text-dark: #10131a;

  --primary: #ff1f72;
  --primary-strong: #7a5cff;
  --secondary: #22d3ee;
  --accent: #b44cff;

  --link: #ffffff;
  --link-hover: #22d3ee;

  --btn-bg: rgba(255, 255, 255, 0.1);
  --btn-text: #ffffff;
  --btn-radius: 999px;

  --font-display: "Bodoni Moda", Georgia, serif;
  --font-brand: "Orbitron", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  --container: min(1180px, calc(100vw - 2rem));
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 34px;

  --gap-sm: 0.35rem;
  --gap-md: 1rem;
  --gap-lg: 1.5rem;

  --shadow-soft: 0 18px 55px rgba(0, 0, 0, 0.28);
  --shadow-hover: 0 24px 70px rgba(0, 0, 0, 0.36);
  --ring: 0 0 0 4px rgba(34, 211, 238, 0.24);
}