/*
==================================================
ÆKOZ CARE — THÈME (variables uniquement)
Fond sombre (identique à Origin/Business) ·
containers blancs (thème médical) · accent turquoise (18C9B7)
==================================================
*/

:root {
  /* ==================================================
     COULEUR DE FOND — UNE SEULE VALEUR À CHANGER
     Care utilise maintenant le même fond sombre dégradé
     que les pages Origin et Business (décision d'équipe :
     les 3 pages doivent avoir le même habillage extérieur).
     Change uniquement --theme-color pour reteinter ce fond,
     exactement comme sur les 2 autres pages.
     ================================================== */
  --theme-color: #05141B;

  /* Fond global (même logique qu'Origin/Business) */
  --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 — VOLONTAIREMENT RESTÉES BLANCHES
     Contrairement au fond de page ci-dessus, les containers
     (cards de résultats, zone de saisie, schémas...) restent
     blancs : c'est une exigence du thème médical de cette
     page, à ne pas faire suivre --theme-color comme le fond.
     ================================================== */
  --surface: #FFFFFF;
  --surface-soft: #F3F5F7;
  --surface-dark: #FFFFFF;
  --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 — DEUX CONTEXTES DIFFÉRENTS SUR CETTE PAGE
     Comme le fond de page est sombre MAIS les containers
     sont blancs, le texte ne peut pas être une seule et
     même couleur partout (contrairement à Origin/Business,
     où tout est sombre, et à l'ancien Care, où tout était
     clair). On distingue donc :
     - le texte DANS les containers blancs (--text-primary
       et dérivés) : reste sombre, pour rester lisible sur
       fond blanc.
     - le texte posé DIRECTEMENT sur le fond de page sombre
       (le titre <h1>, le sous-titre, le footer) : doit être
       clair. C'est le rôle des 3 variables "-on-page-bg"
       ci-dessous, que base.css utilise spécifiquement pour
       ces emplacements précis.
     ================================================== */

  /* Texte à l'intérieur des containers blancs */
  --text-primary: #05141B;
  --text-secondary: #243644;
  --text-tertiary: #495B69;

  /* Texte posé directement sur le fond de page sombre
     (titre principal, sous-titre, pied de page) */
  --text-on-page-bg: #FFFFFF;
  --text-secondary-on-page-bg: #CCD0CF;
  --text-tertiary-on-page-bg: #99A7AA;

  /* Avant, --on-accent était blanc, adapté à l'ancien accent
     très sombre (#10202D). Avec le turquoise plus clair
     (#18C9B7), du texte blanc dessus devient difficile à lire
     (contraste insuffisant) — on passe donc à un texte sombre,
     beaucoup plus lisible sur cette teinte. */
  --on-accent: #05141B;

  /* Accent — turquoise Care (remplace l'ancien bleu-marine #10202D) */
  --accent: #18C9B7;
  --accent-strong: #18C9B7;
  --accent-soft: rgba(24, 201, 183, 0.14);
  --accent-shadow: rgba(24, 201, 183, 0.24);
  --accent-gradient: #18C9B7;

  /* Bordures (glow discret autour des box, basé sur l'accent).
     Sur Origin/Business, les containers ont un fond sombre :
     une bordure turquoise même très transparente (14%) y était
     déjà bien visible. Mais sur Care, les containers sont
     restés blancs (thème médical) : à la même transparence,
     cette même bordure devenait presque invisible sur fond
     clair. On augmente donc l'opacité ici, spécifiquement
     pour ce contexte de fond clair. */
  --border-soft: rgba(24, 201, 183, 0.55);
  --border-strong: rgba(24, 201, 183, 0.75);

  /* La barre de nav en haut de page, elle, reste sur fond
     sombre (comme sur Origin/Business) même sur Care — elle
     a donc besoin de sa propre opacité, plus faible, distincte
     de --border-soft qui sert maintenant aux containers clairs. */
  --nav-border: rgba(24, 201, 183, 0.14);

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

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