/* Xodyia — design tokens v1.0
   Couleurs, typographie et rayons de la charte graphique.
   Source : Drive (xodyia-tokens). Ne pas éditer les valeurs à la main. */

:root {
  /* ---- couleurs de marque ---- */
  --xo-navy-900: #071C3B;
  --xo-navy-800: #223551;
  --xo-navy-700: #3E4E66;

  --xo-teal-300: #6FD4D0;
  --xo-teal-400: #3FC6C0;
  --xo-teal-500: #10B8B1;
  --xo-teal-600: #0E9B96;
  --xo-teal-700: #0B7F7A;

  --xo-aqua-300: #66D8D0;
  --xo-aqua-400: #5BC2BB;
  --xo-aqua-500: #51ABA5;

  --xo-neutral-50: #F7F8F8;
  --xo-neutral-200: #C4C9D0;
  --xo-neutral-400: #8B95A2;
  --xo-neutral-600: #526174;
  --xo-neutral-900: #151B26;

  /* ---- fonds et texte (thème sombre par défaut) ---- */
  --bg-0: #0A1424;
  --bg-1: #0D1A2E;
  --panel: rgba(255, 255, 255, 0.045);
  --panel-strong: rgba(255, 255, 255, 0.07);
  --border: rgba(111, 212, 208, 0.18);
  --border-strong: rgba(111, 212, 208, 0.36);
  --text-hi: #F3F6F8;
  --text-mid: #AEB9C4;
  --text-low: #7C8794;

  /* ---- typographie ---- */
  --font-brand: 'Montserrat', -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* ---- rayons ---- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
}