/* ==========================================================================
   Design tokens — Ether Studio
   Source de vérité des couleurs, typographies, espacements et rayons.
   Toute valeur réutilisée ailleurs doit passer par une variable définie ici.
   ========================================================================== */

:root {
  /* --- Couleurs de fond --- */
  --color-bg: #050509;            /* fond profond du site */
  --color-surface-glass: rgba(255, 255, 255, 0.08);
  --color-border-glass: rgba(255, 255, 255, 0.18);

  /* --- Couleurs de texte --- */
  --color-text: #ffffff;          /* titres */
  --color-text-soft: #d9e5f0;     /* paragraphes */
  --color-text-badge: #d9ebf2;    /* libellé badge */

  /* --- Accent disponibilité --- */
  --color-online: #2fe3a0;        /* point vert "disponible" */

  /* --- CTA orange (V1 · diagonal rouge -> jaune) --- */
  --cta-gradient: linear-gradient(115deg, #ff2d1c 0%, #ff7a00 48%, #ffc400 100%);
  --cta-glow: rgba(255, 153, 26, 0.8);

  /* --- Typographies --- */
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;

  /* --- Largeurs de contenu --- */
  --container: 1440px;
  --gutter: 64px;
  --measure-subtitle: 760px;

  /* --- Rayons --- */
  --radius-pill: 100px;

  /* --- Transitions --- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.4s;

  /* --- Élévation hauteur header --- */
  --header-h: 88px;
}