/*
 * Jetons de la charte okto.it, pour Oktavia (oktavia.io et teleassistance.oktavia.io).
 * Fichier autonome, sans dépendance : à reprendre à l'identique dans la téléassistance (#63 / #70).
 * Mêmes noms que src/styles/globals.css de la téléassistance pour la palette (--okto-*).
 *
 * Règles de la charte :
 * - Ambre = Oktavia et ses équipiers IA (pastilles, badges « IA »), jamais une action commerciale.
 * - Orange = réservé au commercial (appeler, composer son équipe, s'abonner).
 * - Les personnes réelles sont en photo ; les équipiers IA ne sont jamais représentés par une photo.
 */

/* Polices auto-hébergées (sous-ensembles latin et latin étendu) */
@font-face { font-family: "Comfortaa"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/comfortaa-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Comfortaa"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/comfortaa-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300 800; font-display: swap; src: url("/fonts/opensans-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300 800; font-display: swap; src: url("/fonts/opensans-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* Palette okto.it */
  --okto-abysse: #062630;   /* fonds sombres, en-tête, pied de page */
  --okto-petrole: #0D4654;  /* surfaces sombres secondaires, numéros d'étape */
  --okto-lagune: #17707F;   /* liens, humains, actions secondaires */
  --okto-brume: #EAF2F3;    /* fond clair, texte sur sombre */
  --okto-encre: #0B1F26;    /* texte sur clair */
  --okto-blanc: #FFFFFF;

  /* Couleurs de rôle */
  --oktavia-ambre: #FFB547;      /* Oktavia et les équipiers IA */
  --oktavia-ambre-bord: #B27A1F; /* contour d'une pastille ambre sur fond clair */
  --okto-orange: #FF8A1F;        /* commercial uniquement */

  /* Textes */
  --texte-2: #3D555D;         /* texte secondaire sur clair (AA sur blanc et Brume) */
  --texte-3: #4A6670;         /* mentions, étiquettes sur blanc */
  --texte-clair-2: #D6E6E9;   /* texte secondaire sur Abysse / Pétrole */
  --texte-clair-3: #B9D3D8;   /* mentions sur Abysse */
  --texte-clair-4: #9CC0C7;   /* petites mentions sur Abysse (AA) */

  /* Lignes et surfaces */
  --ligne: #CFE0E3;           /* bord des cartes sur clair */
  --ligne-forte: #9DBAC0;     /* bord pointillé, bouton secondaire */
  --ligne-sombre: #2B5A66;    /* bord sur Abysse / Pétrole */
  --ligne-sombre-2: #4F8591;  /* bouton contour sur Abysse */
  --surface-douce: #F0F6F7;   /* exemple dans une carte */
  --surface-creuse: #F4F8F9;  /* sélecteur segmenté */
  --surface-bulle: #E3EEF0;   /* bulle « vous », rail de frise */
  --gris-interdit: #4A5A60;   /* état « interdit » */
  --vert-en-ligne: #1E6B49;   /* « en ligne » sur blanc */

  /* Typographie */
  --police-titre: "Comfortaa", "Open Sans", system-ui, sans-serif;
  --police-texte: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Formes */
  --rayon-s: 10px;
  --rayon-m: 16px;
  --rayon-l: 22px;
  --rayon-pastille: 999px;
  --ombre-carte: 0 12px 30px rgba(0, 0, 0, .25);
  --focus: 3px solid var(--oktavia-ambre);
}