/*
 * SpaceNet — tokens de design.
 *
 * Source unique de vérité pour les couleurs, la typographie et les espacements.
 * Elementor et les templates PHP consomment ces variables ; aucune valeur
 * littérale ne doit être écrite ailleurs.
 */

:root {
  /* Fonds et surfaces */
  --sn-ink: #05090F;
  --sn-panel: #0A1320;
  --sn-panel-2: #0F1C2B;

  /* Filets */
  --sn-line: #1B2E43;
  --sn-line-soft: #142335;

  /* Accents */
  --sn-cyan: #2FDCE6;
  --sn-cyan-dim: #16A5B3;
  --sn-blue: #4C7DF0;

  /* Sémantique — distincte de l'accent de marque */
  --sn-ok: #3ECf8E;
  --sn-warn: #F4B13D;
  --sn-crit: #F2685C;

  /* Texte */
  --sn-text: #E7EFF8;
  --sn-muted: #8CA2BA;
  --sn-on-accent: #04222A;

  /* Typographie */
  --sn-display: "Sora", "Trebuchet MS", system-ui, sans-serif;
  --sn-body: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --sn-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;

  /* Échelle typographique */
  --sn-fs-xs: 0.72rem;
  --sn-fs-sm: 0.875rem;
  --sn-fs-base: 1rem;
  --sn-fs-lg: 1.125rem;
  --sn-fs-xl: 1.375rem;
  --sn-fs-2xl: clamp(1.75rem, 4vw, 2.5rem);
  --sn-fs-3xl: clamp(2.375rem, 6.4vw, 4.25rem);

  /* Rythme */
  --sn-space-1: 0.5rem;
  --sn-space-2: 0.75rem;
  --sn-space-3: 1.125rem;
  --sn-space-4: 1.75rem;
  --sn-space-5: 2.75rem;
  --sn-space-6: 4.75rem;

  /* Grille */
  --sn-wrap: 1120px;
  --sn-gutter: 20px;

  /* Divers */
  --sn-radius: 4px;
  --sn-focus: 2px solid var(--sn-cyan);
}

/*
 * Le site est volontairement mono-thème : fond marine profond, accents cyan,
 * conformément à la direction validée. Aucune inversion claire n'est prévue.
 * Le mode clair est une option chiffrée séparément ; s'il est commandé, les
 * tokens ci-dessus seront redéfinis sous [data-theme="light"] plutôt que
 * dupliqués dans les composants.
 */

/*
 * Polices locales. Déposer les .woff2 dans assets/fonts/ puis décommenter.
 * Tant que les fichiers sont absents, la pile de repli s'applique.
 *
 * @font-face {
 *   font-family: "Sora";
 *   src: url("../fonts/sora-600.woff2") format("woff2");
 *   font-weight: 600;
 *   font-display: swap;
 *   font-style: normal;
 * }
 * @font-face {
 *   font-family: "IBM Plex Sans";
 *   src: url("../fonts/plex-sans-400.woff2") format("woff2");
 *   font-weight: 400;
 *   font-display: swap;
 *   font-style: normal;
 * }
 */