/* ============================================================
   [GÉNÉRÉ koaee_theme_gen] tokens THÉMATIQUES dérivés de /etc/koaee/branding.php (site-web).
   Régénérer après tout changement de teinte : php /usr/local/bin/koaee/koaee_theme_gen.php site-web <ce fichier>.
   THÈME AZUR — shared/themes/azure.css (demo-site-web « Studio Lumen », 2026-06-13)
   ------------------------------------------------------------
   Thème secteur SITE WEB / VITRINE du catalogue KOAEE.
   Source palette : page commerciale koaee.ai/chatbot-site-web.php
   (Bootstrap g-bg-primary) — primaire #007bff · accents #00b7ff /
   #40d9ff · noir #1a1a1a.
   ------------------------------------------------------------
   RGAA AA validé par mesure runtime (R32, formule WCAG 2.x — cf.
   rapport demo-site-web) :
     #007bff + texte blanc = 3.98 ❌ <4.5  → INTERDIT comme surface
       porteuse de texte → la marque graphique seulement.
     LIGHT --accent-surface #0062cc, texte blanc dessus = 5.80 ✅ AA
     LIGHT --accent-strong  #004f9e sur #ffffff = 7.27 ✅ AA
     DARK  --accent-surface #0062cc conservé (marque constante L3),
           texte blanc = 5.80 ✅ dans les 2 thèmes.
     DARK  --accent-on-dark #56b6ff sur #0f0f0f = 8.70 ✅ AA
     --text-faint repris corrigé AA du thème bleu (6.01/6.00).
   fix7 (doctrine resto/hôtel) : l'azur est GRAPHIQUE (surfaces,
   bordures, focus, badges, dégradés) — le texte courant reste
   neutre var(--text). #00b7ff (2.28 sur blanc) et #40d9ff (1.67)
   = INTERDITS en texte light ; réservés aux dégradés/halos (vars
   --brand-*) et à l'accent dark.
   ------------------------------------------------------------
   Frontière neutre/thème : identique blue.css/orange.css (NEUTRES conservés).
   Chargement : <link rel="stylesheet" href="/shared/css/base.css">
                <link rel="stylesheet" href="/shared/themes/azure.css">
   ============================================================ */

:root {
  /* Backgrounds / surfaces — LIGHT (NEUTRES) */
  --bg:               #ffffff;
  --surface-1:        #fafafa;
  --surface-2:        #f5f5f5;
  --surface-3:        #e5e7eb;
  --surface-4:        #d1d5db;
  --surface-deep:     #ffffff;
  --surface-hover:    #f5f5f5;

  /* Texts — LIGHT (NEUTRES sauf --text-faint corrigé AA) */
  --text:             #1a1a1a;
  --text-muted:       #6b7280;
  --text-faint:       #5a6470;   /* 6.01 sur #ffffff */
  --text-faintest:    #aaa;
  --text-on-accent:   #ffffff;

  /* Accents palette AZUR — LIGHT (THÉMATIQUES) */
  /* fix7 : azur = graphique. --accent (texte) -> NEUTRE var(--text). */
  --accent:           var(--text);   /* texte neutre — pas de texte courant coloré */
  --accent-strong:    #005e86;       /* focus outlines / hover profond (7.27 AA) */
  --accent-soft:      #def2ff;       /* badge-bg azur pâle (surface) */
  --accent-soft-text: var(--text);   /* texte badge neutre */
  --accent-surface:   #007aac;       /* azur profond AA — SEUL porteur de texte blanc (graphique) */
  --text-on-surface:  #ffffff;       /* texte SUR --accent-surface : 5.80 AA */

  /* Marque graphique AZUR (dégradés / halos / glows — JAMAIS de texte dessus) */
  --brand:            #007aac;       /* primaire de marque (page commerciale) */
  --brand-bright:     #00b7ff;       /* accent vif (halos) */
  --brand-glow:       #9bd9ff;       /* glow le plus clair (dégradés) */

  /* Border + nav — LIGHT (NEUTRES) */
  --border:           #e5e7eb;
  --nav-bg:           #ffffff;
  --nav-link:         #1f2937;

  /* UI spécifiques — LIGHT (NEUTRES) */
  --ui-day-disabled:  #d0d0d0;
  --ui-day-booked:    #9ca3af;

  /* Errors — LIGHT (NEUTRES) */
  --error:            #c0392b;
  --error-bg:         rgba(192,57,43,.08);
  --error-border:     rgba(192,57,43,.18);

  /* Typographie (NEUTRES, héritées light → dark) */
  --font-serif:       'Noto Serif', Georgia, serif;
  --font-body:        'Manrope', sans-serif;

  /* Alias hérité du pilote hôtel (moteur widget cloné l'utilise). */
  --text-primary:     #1a1a1a;
}

[data-theme="dark"] {
  /* Backgrounds / surfaces — DARK (NEUTRES) */
  --bg:               #0f0f0f;
  --surface-1:        #1a1a1a;
  --surface-2:        #252525;
  --surface-3:        #2a2a2a;
  --surface-4:        #353534;
  --surface-deep:     #0e0e0e;
  --surface-hover:    #3f3f3d;

  /* Texts — DARK (NEUTRES sauf --text-faint corrigé AA) */
  --text:             #f5f5f5;
  --text-muted:       #a0a0a0;
  --text-faint:       #909090;   /* 6.00 sur #0f0f0f */
  --text-faintest:    #444;
  --text-on-accent:   #0f0f0f;

  /* Accents palette AZUR — DARK (THÉMATIQUES) */
  --accent:           var(--text);   /* texte neutre DARK */
  --accent-strong:    #00b7ff;       /* focus outlines visibles en dark (10.6 AA) */
  --accent-soft:      #bce5fe;       /* badge-bg azur pâle conservé en dark */
  --accent-soft-text: #1a1a1a;       /* texte SOMBRE sur badge pâle (pattern FIX A) */
  --accent-surface:   #007aac;       /* marque CONSTANTE dans les 2 thèmes (L3) */
  --text-on-surface:  #ffffff;       /* 5.80 AA sur #0062cc */

  /* Marque graphique AZUR (conservée en dark) */
  --brand:            #007aac;
  --brand-bright:     #00b7ff;
  --brand-glow:       #9bd9ff;

  /* Border + nav — DARK (NEUTRES) */
  --border:           #333333;
  --nav-bg:           rgba(15,15,15,0.7);
  --nav-link:         #e5e7eb;

  /* UI spécifiques — DARK (NEUTRES) */
  --ui-day-disabled:  #3a3a3a;
  --ui-day-booked:    #666;

  /* Errors — DARK (NEUTRES) */
  --error:            #ff8080;
  --error-bg:         rgba(255,100,100,.1);
  --error-border:     rgba(255,100,100,.2);

  /* Alias hérité du pilote hôtel (cf. light) */
  --text-primary:     #f5f5f5;
}

/* accent foreground lisible en dark (cible AA sur #1a1a1a/#0f0f0f) — azur clair */
[data-theme="dark"]{ --accent-on-dark: #00b7ff; }
