/*
==================================================
ÆKOZ BUSINESS — THÈME (variables uniquement)
Fond sombre · accent bleu vif (245BFF)
==================================================
*/

:root {
  /* ==================================================
     COULEUR DE FOND — UNE SEULE VALEUR À CHANGER
     Voir le commentaire détaillé dans style-origin.css :
     change uniquement --theme-color pour reteinter tout
     le fond, les surfaces et le glow de cette page.
     ================================================== */
  --theme-color: #05141B;

  /* Fond global (même logique qu'Origin) */
  --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: #05141B;

  /* Accent — bleu vif Business (remplace l'ancien gris-bleu #99A7AA) */
  --accent: #245BFF;
  --accent-strong: #245BFF;
  --accent-soft: rgba(36, 91, 255, 0.16);
  --accent-shadow: rgba(36, 91, 255, 0.28);
  --accent-gradient: linear-gradient(180deg, #5c84ff, #245BFF);

  /* Bordures (glow discret autour des box, basé sur l'accent) */
  --border-soft: rgba(36, 91, 255, 0.14);
  --border-strong: rgba(36, 91, 255, 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);
}