/*
==================================================
ÆKOZ ORIGIN — THÈME (variables uniquement)
Fond sombre · accent orange
==================================================
*/

:root {
  /* ==================================================
     COULEUR DE FOND — UNE SEULE VALEUR À CHANGER
     Pour donner une autre teinte à toute la page, change
     uniquement --theme-color juste en dessous (un seul
     code hexadécimal). Tout le dégradé, les surfaces et
     le glow se recalculent automatiquement à partir de
     cette seule valeur, en se mélangeant avec du noir/gris
     très sombre (color-mix) pour rester lisible et sobre,
     peu importe la teinte choisie.

     Exemple : pour passer du teal actuel au rose, remplace
     juste la ligne --theme-color: #18C9B7; par quelque
     chose comme --theme-color: #E91E8C; — rien d'autre
     à toucher.
     ================================================== */
  --theme-color: #05141B;

  /* Fond global (dégradé conservé) */
  --bg-body:
    radial-gradient(circle at top center, color-mix(in srgb, var(--theme-color) 32%, transparent), transparent 42%),
    linear-gradient(180deg, color-mix(in srgb, var(--theme-color) 22%, #10202D), color-mix(in srgb, var(--theme-color) 10%, #05141B));

  /* Surfaces */
  --surface: linear-gradient(145deg, color-mix(in srgb, var(--theme-color) 18%, rgba(36, 54, 68, 0.62)), color-mix(in srgb, var(--theme-color) 8%, rgba(5, 20, 27, 0.74)));
  --surface-soft: color-mix(in srgb, var(--theme-color) 30%, transparent);
  --surface-dark: color-mix(in srgb, var(--theme-color) 12%, rgba(5, 20, 27, 0.72));
  --glow-soft: color-mix(in srgb, var(--theme-color) 18%, transparent);

  /* Le logo (nav des pages API) charge directement le bon
     fichier blanc ou noir depuis le HTML — voir le <img>
     dans index.html. Pas besoin de variable de couleur ici. */

  /* Texte */
  --text-primary: #FFFFFF;
  --text-secondary: #CCD0CF;
  --text-tertiary: #99A7AA;
  --on-accent: #FFFFFF;

  /* Accent — orange Origin */
  --accent: #E74F01;
  --accent-strong: #E74F01;
  --accent-soft: rgba(231, 79, 1, 0.16);
  --accent-shadow: rgba(231, 79, 1, 0.28);
  --accent-gradient: linear-gradient(180deg, #ff6a1a, #E74F01);

  /* Bordures (glow discret autour des box, basé sur l'accent) */
  --border-soft: rgba(231, 79, 1, 0.12);
  --border-strong: rgba(231, 79, 1, 0.34);

  /* Rayons */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 28px;

  /* Couleurs de marque pour la section comparaison (identiques sur les 3 pages) */
  --plan-origin: #E74F01;
  --plan-origin-glow: rgba(231, 79, 1, 0.15);
  --plan-business: #245BFF;
  --plan-business-glow: rgba(36, 91, 255, 0.18);
  --plan-care: #18C9B7;
  --plan-care-glow: rgba(24, 201, 183, 0.18);
}