/* ══════════════════════════════════════════════════════════════
   ALBEXIA — THÈMES (clair / sombre)           css/themes.css
   Chargé en DERNIER sur chaque page, avec js/theme.js dans le <head>.

   • SOMBRE = thème par défaut : aucune règle ici, il reste défini par les
     fichiers CSS existants (aucune couleur sombre n'est touchée).
   • CLAIR  = « papier & encre » (direction éditoriale de profil.html) :
     on redéfinit les mêmes jetons sous html[data-theme="light"], plus
     spécifique que n'importe quel :root (même ceux écrits dans les pages),
     puis des surcharges générées corrigent les couleurs codées en dur.

   Fichier produit par scripts/build-themes.js à partir de
   scripts/themes-core.css (ce noyau) + les CSS du site.
   ══════════════════════════════════════════════════════════════ */

html[data-theme="light"] {
  color-scheme: light;

  /* surfaces */
  --bg:            #F4F1EA;   /* papier */
  --bg2:           #FFFFFF;   /* feuille */
  --bg3:           #ECE8DE;   /* papier recyclé */
  --surface:       #FFFFFF;
  --surface2:      #ECE8DE;

  /* filets */
  --border:        #DAD5C7;
  --border-hover:  #B7B0A0;
  --border-strong: #B7B0A0;

  /* encre */
  --text:          #191712;
  --text-muted:    #716C5D;
  --muted:         #716C5D;
  --text-dim:      #716C5D;

  /* accents */
  --accent:        #E8447C;   /* rose Albexia (boutons, icônes, décors) */
  --accent-ink:    #B02A5C;   /* rose pour le TEXTE (≥ 5,6:1 sur papier) */
  --accent2:       #0E7A5F;   /* vert rédactionnel */
  --accent3:       #0E7A5F;
  --accent-amber:  #CA9A2E;   /* étoiles, avertissements */
  --danger:        #C2392B;

  /* alias hérités du markup */
  --purple:        #E8447C;
  --pink:          #E8447C;
  --teal:          #0E7A5F;
  --amber:         #CA9A2E;
}

/* Logo : le texte est en fill="#f0f0f5" dans le SVG (invisible sur papier). */
html[data-theme="light"] .logo-text { fill: var(--text); }

/* ── Bouton de bascule (monté par js/theme.js) ── */
.theme-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; padding: 0; margin-left: 10px; flex-shrink: 0;
  border: 1px solid var(--border); border-radius: var(--radius-sm, 3px);
  background: transparent; color: var(--text); cursor: pointer;
  transition: background .2s, border-color .2s;
  -webkit-tap-highlight-color: transparent;
}
.theme-toggle:hover { border-color: var(--border-hover); background: color-mix(in srgb, var(--text) 8%, transparent); }
.theme-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.theme-toggle svg {
  width: 16px; height: 16px; fill: none; stroke: currentColor;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
/* ── Header : espacement entre le bouton de thème et l'avatar (correctif ciblé) ──
   Le bouton de thème n'avait qu'une marge gauche et .nav-profile-slot aucune : 0 px entre les deux. */
.theme-toggle + .nav-profile-slot,
.notif-wrap + .nav-profile-slot { margin-left: 10px; }

/* sombre → on propose le soleil ; clair → on propose la lune */
.theme-toggle .ic-moon { display: none; }
html[data-theme="light"] .theme-toggle .ic-sun  { display: none; }
html[data-theme="light"] .theme-toggle .ic-moon { display: inline; }

/* ═══════════════════════════════════════════════════════════
   SURCHARGES AUTOMATIQUES DU THÈME CLAIR
   Générées par scripts/build-themes.js — NE PAS ÉDITER À LA MAIN
   (modifier scripts/themes-core.css ou le script, puis relancer).
   Le thème sombre n'a aucune règle ici.
   ═══════════════════════════════════════════════════════════ */

/* ── css/style.css ── */
html[data-theme="light"] nav { background: rgba(244,241,234,0.88); }
html[data-theme="light"] .logo .dot { color: var(--accent-ink); }
html[data-theme="light"] .nav-link:hover { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .nav-link.active { background: rgba(25,23,18,0.08); }
html[data-theme="light"] .nav-cta { border: 1px solid var(--text); background: var(--text); }
html[data-theme="light"] .nav-cta:hover { background: #33312a; border-color: #33312a; }
html[data-theme="light"] .lang-current { background: rgba(25,23,18,0.04); }
html[data-theme="light"] .lang-current:hover { background: rgba(25,23,18,0.07); }
html[data-theme="light"] .lang-menu { box-shadow: 0 12px 30px rgba(25,23,18,0.12); }
html[data-theme="light"] .lang-btn:hover { background: rgba(25,23,18,0.06); }
html[data-theme="light"] .lang-btn.active { background: rgba(232,68,124,0.12); }
html[data-theme="light"] .hero-badge { background: rgba(232,68,124,0.12); border: 1px solid rgba(232,68,124,0.3); color: var(--accent-ink); }
html[data-theme="light"] .hero h1 .grad { background: linear-gradient(135deg, var(--accent) 0%, #C86BFF 50%, #34D399 100%); }
html[data-theme="light"] .btn-main { background: var(--text); }
html[data-theme="light"] .btn-main:hover { background: #33312a; }
html[data-theme="light"] .btn-outline:hover { border-color: rgba(25,23,18,0.3); background: rgba(25,23,18,0.04); }
html[data-theme="light"] .stat-blue .stat-n { color: var(--accent-ink); }
html[data-theme="light"] .search-input:focus { border-color: rgba(232,68,124,0.5); }
html[data-theme="light"] .filter.active { background: rgba(25,23,18,0.12); border-color: rgba(25,23,18,0.4); color: var(--text); }
html[data-theme="light"] .home-cat-tile.active { border-color: rgba(25,23,18,0.4); background: rgba(25,23,18,0.12); box-shadow: 0 0 0 1px rgba(25,23,18,0.15) inset; }
html[data-theme="light"] .home-cat-selected { color: var(--accent-ink); }
html[data-theme="light"] .cat-confirm-bar { border: 1px solid rgba(232,68,124,0.35); }
html[data-theme="light"] .cat-confirm-cta { background: rgba(25,23,18,0.06); border: 1px solid rgba(25,23,18,0.22); color: var(--text); }
html[data-theme="light"] .cat-confirm-cta:hover { background: rgba(25,23,18,0.12); }
html[data-theme="light"] .star-menu { box-shadow: 0 8px 24px rgba(25,23,18,0.16); }
html[data-theme="light"] .star-menu-option:hover { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .star-menu-option input { accent-color: var(--accent); }
html[data-theme="light"] .tools-page-count { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .tool-sort-row select:focus { border-color: rgba(232,68,124,0.5); }
html[data-theme="light"] .price-free,
html[data-theme="light"] .price-freemium,
html[data-theme="light"] .price-paid { background: rgba(25,23,18,0.05); border: 1px solid rgba(25,23,18,0.1); }
html[data-theme="light"] .blog-title { color: var(--text); }
html[data-theme="light"] .blog-card:hover .blog-title { color: var(--text); }
html[data-theme="light"] .type-image,
html[data-theme="light"] .type-vidéo,
html[data-theme="light"] .type-musique { background: rgba(244,241,234,0.78); }
html[data-theme="light"] footer a { color: var(--accent-ink); }
html[data-theme="light"] .modal-close:hover { background: rgba(25,23,18,0.08); }
html[data-theme="light"] .form-input:focus { border-color: rgba(232,68,124,0.5); }
html[data-theme="light"] .form-error { background: rgba(232,68,124,0.1); border: 1px solid rgba(232,68,124,0.3); color: var(--accent-ink); }
html[data-theme="light"] .pg-btn.active { background: var(--text); border-color: var(--text); }
html[data-theme="light"] .blog-card:hover .blog-title { color: var(--text); }
html[data-theme="light"] .blog-card-link .blog-card:hover .blog-title { color: var(--text); }
html[data-theme="light"] .editorial-highlight { background: rgba(232,68,124,0.06); border: 1px solid rgba(232,68,124,0.2); }
html[data-theme="light"] .editorial-hl-title { color: var(--accent-ink); }
html[data-theme="light"] .tool-featured-badge { color: var(--text-dim, var(--text-dim)); }
html[data-theme="light"] .btn-quiz { background: var(--text); box-shadow: 0 4px 20px rgba(25,23,18,0.12); }
html[data-theme="light"] .btn-quiz:hover { background: #33312a; box-shadow: 0 6px 28px rgba(25,23,18,0.18); }
html[data-theme="light"] .quiz-option:hover { background: rgba(232,68,124,0.08); }
html[data-theme="light"] .quiz-option.selected { background: rgba(232,68,124,0.15); }
html[data-theme="light"] .quiz-result-card:hover { background: rgba(232,68,124,0.05); }
html[data-theme="light"] .btn-quiz-share { background: rgba(25,23,18,0.06); }
html[data-theme="light"] .comp-hero::before { background: radial-gradient(ellipse,rgba(232,68,124,0.12) 0%,transparent 70%); }
html[data-theme="light"] .comp-badge { background: rgba(232,68,124,0.1); border: 1px solid rgba(232,68,124,0.3); color: var(--accent-ink); }
html[data-theme="light"] .comp-hero h1 .grad { background: linear-gradient(135deg,var(--accent),#34D399); }
html[data-theme="light"] .comp-search input:focus { border-color: rgba(232,68,124,0.5); }
html[data-theme="light"] .comp-cat-btn.active { background: rgba(25,23,18,0.12); border-color: rgba(25,23,18,0.4); color: var(--text); }
html[data-theme="light"] .picker-card:hover { border-color: rgba(232,68,124,0.35); background: rgba(232,68,124,0.05); }
html[data-theme="light"] .picker-card.selected { border-color: rgba(232,68,124,0.5); background: rgba(232,68,124,0.08); }
html[data-theme="light"] .picker-check { color: var(--accent-ink); }
html[data-theme="light"] .selected-chip { background: rgba(232,68,124,0.1); border: 1px solid rgba(232,68,124,0.3); color: var(--accent-ink); }
html[data-theme="light"] .comp-btn { background: var(--text); color: var(--bg); }
html[data-theme="light"] .comp-btn:hover { background: #33312a; }
html[data-theme="light"] .comp-table tr:hover td { background: rgba(25,23,18,0.03); }
html[data-theme="light"] .yes { color: var(--accent2); }
html[data-theme="light"] .no { color: var(--danger); }
html[data-theme="light"] .comp-cta-btn { background: rgba(25,23,18,0.06); border: 1px solid rgba(25,23,18,0.22); color: var(--text); }
html[data-theme="light"] .comp-cta-btn:hover { background: rgba(25,23,18,0.12); }
html[data-theme="light"] .paire-link:hover { border-color: rgba(232,68,124,0.4); background: rgba(232,68,124,0.06); color: var(--accent-ink); }
html[data-theme="light"] .ct-btn-primary { background: rgba(25,23,18,0.06); border-color: rgba(25,23,18,0.22); color: var(--text); }
html[data-theme="light"] .ct-btn-primary:hover { background: rgba(25,23,18,0.12); }
html[data-theme="light"] .reco-card:hover { border-color: rgba(232,68,124,0.3); }
html[data-theme="light"] .reco-label.gold { background: rgba(180,83,9,0.12); }
html[data-theme="light"] .reco-label.mint { background: rgba(14,122,95,0.12); }
html[data-theme="light"] .reco-label.purple { background: rgba(232,68,124,0.12); color: var(--accent-ink); }
html[data-theme="light"] .reco-label.pink { background: rgba(232,68,124,0.12); }
html[data-theme="light"] .sidebar-block--toggle { background: rgba(232,68,124,0.08); border-color: rgba(232,68,124,0.25); }
html[data-theme="light"] .sidebar-block--toggle .toggle-label { color: var(--accent-ink); }
html[data-theme="light"] .toggle-switch input:checked ~ .toggle-track { background: rgba(232,68,124,0.25); border-color: rgba(232,68,124,0.5); }
html[data-theme="light"] .duel-card:hover { border-color: rgba(232,68,124,0.4); background: rgba(232,68,124,0.06); }
html[data-theme="light"] .vs-badge { background: rgba(232,68,124,0.1); border: 1px solid rgba(232,68,124,0.3); color: var(--accent-ink); }
html[data-theme="light"] .tool-header-card.winner { border-color: rgba(232,68,124,0.35); background: linear-gradient(135deg,var(--bg2),rgba(232,68,124,0.05)); }
html[data-theme="light"] .badge-top { background: rgba(14,122,95,0.12); color: var(--accent2); border: 1px solid rgba(14,122,95,0.25); }
html[data-theme="light"] .badge-bon { background: rgba(232,68,124,0.12); color: var(--accent-ink); border: 1px solid rgba(232,68,124,0.25); }
html[data-theme="light"] .badge-ok { background: rgba(180,83,9,0.12); color: #b45309; border: 1px solid rgba(180,83,9,0.25); }
html[data-theme="light"] .vs-divider { color: rgba(232,68,124,0.5); }
html[data-theme="light"] .compare-table tr:hover { background: rgba(25,23,18,0.02); }
html[data-theme="light"] .check.yes { color: var(--accent2); }
html[data-theme="light"] .check.no { color: var(--danger); }
html[data-theme="light"] .verdict-card { background: linear-gradient(135deg,rgba(232,68,124,0.08),rgba(14,122,95,0.05)); border: 1px solid rgba(232,68,124,0.2); }
html[data-theme="light"] .verdict-label { color: var(--accent-ink); }
html[data-theme="light"] .cta-btn-a { background: rgba(25,23,18,0.06); border-color: rgba(25,23,18,0.22); color: var(--text); }
html[data-theme="light"] .cta-btn-a:hover { background: rgba(25,23,18,0.12); border-color: rgba(25,23,18,0.4); }
html[data-theme="light"] .cta-btn-b { background: rgba(25,23,18,0.06); border-color: rgba(25,23,18,0.22); color: var(--text); }
html[data-theme="light"] .cta-btn-b:hover { background: rgba(25,23,18,0.12); border-color: rgba(25,23,18,0.4); }
html[data-theme="light"] .ressources-hero::before { background: radial-gradient(ellipse,rgba(14,122,95,0.1) 0%,transparent 70%); }
html[data-theme="light"] .ressources-badge { background: rgba(14,122,95,0.1); border: 1px solid rgba(14,122,95,0.3); color: var(--accent2); }
html[data-theme="light"] .ressources-hero h1 .grad-teal { background: linear-gradient(135deg,#34D399,var(--accent)); }
html[data-theme="light"] .ressource-filter:hover { border-color: rgba(14,122,95,0.4); }
html[data-theme="light"] .ressource-filter.active { background: rgba(14,122,95,0.1); border-color: rgba(14,122,95,0.4); color: var(--accent2); }
html[data-theme="light"] .ressource-card:hover { border-color: rgba(14,122,95,0.3); box-shadow: 0 12px 40px rgba(14,122,95,0.06); }
html[data-theme="light"] .ressource-card.libre::before { background: linear-gradient(90deg,#34D399,var(--accent)); }
html[data-theme="light"] .ressource-card.email-requis::before { background: linear-gradient(90deg,var(--accent),var(--accent)); }
html[data-theme="light"] .badge-libre { background: rgba(14,122,95,0.1); color: var(--accent2); border: 1px solid rgba(14,122,95,0.25); }
html[data-theme="light"] .badge-email { background: rgba(232,68,124,0.1); color: var(--accent-ink); border: 1px solid rgba(232,68,124,0.25); }
html[data-theme="light"] .badge-type { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .ressource-cta.cta-libre { background: rgba(14,122,95,0.08); border-color: rgba(14,122,95,0.3); color: var(--accent2); }
html[data-theme="light"] .ressource-cta.cta-libre:hover { background: rgba(14,122,95,0.15); border-color: rgba(14,122,95,0.5); }
html[data-theme="light"] .ressource-cta.cta-email { background: rgba(25,23,18,0.06); border-color: rgba(25,23,18,0.22); color: var(--text); }
html[data-theme="light"] .ressource-cta.cta-email:hover { background: rgba(25,23,18,0.12); border-color: rgba(25,23,18,0.4); }
html[data-theme="light"] .ressource-email-input { border: 1px solid rgba(232,68,124,0.3); }
html[data-theme="light"] .ressource-email-input:focus { border-color: rgba(232,68,124,0.6); }
html[data-theme="light"] .ressource-form-btn { background: var(--text); color: var(--bg); }
html[data-theme="light"] .ressource-form-btn:hover { background: #33312a; }
html[data-theme="light"] .ressource-form-success { color: var(--accent2); }
html[data-theme="light"] .glossaire-vitrine-card { background: linear-gradient(135deg,rgba(14,122,95,0.08),rgba(232,68,124,0.06)); border: 1px solid rgba(14,122,95,0.2); }
html[data-theme="light"] .vitrine-tag-libre { background: rgba(14,122,95,0.1); color: var(--accent2); border: 1px solid rgba(14,122,95,0.25); }
html[data-theme="light"] .vitrine-tag-pages { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .ressources-newsletter-card { background: linear-gradient(135deg,rgba(232,68,124,0.08),rgba(232,68,124,0.06)); border: 1px solid rgba(232,68,124,0.2); }
html[data-theme="light"] .ressources-newsletter-input { border: 1px solid rgba(232,68,124,0.3); }
html[data-theme="light"] .ressources-newsletter-input:focus { border-color: rgba(232,68,124,0.6); }
html[data-theme="light"] .ressources-newsletter-btn { background: var(--text); color: var(--bg); }
html[data-theme="light"] .ressources-newsletter-btn:hover { background: #33312a; }
html[data-theme="light"] .ressources-newsletter-success { color: var(--accent2); }
html[data-theme="light"] .tuto-hero::before { background: radial-gradient(ellipse, rgba(232,68,124,0.10) 0%, transparent 70%); }
html[data-theme="light"] .tuto-badge { background: rgba(232,68,124,0.1); border: 1px solid rgba(232,68,124,0.3); color: var(--accent-ink); }
html[data-theme="light"] .tuto-hero h1 .grad-pink { background: linear-gradient(135deg, var(--accent), var(--accent)); }
html[data-theme="light"] .tuto-card::before { background: linear-gradient(90deg, var(--accent), var(--accent)); }
html[data-theme="light"] .tuto-card.actif { border-color: rgba(232,68,124,0.25); box-shadow: 0 8px 40px rgba(232,68,124,0.06); }
html[data-theme="light"] .tuto-card-badge-count { background: rgba(232,68,124,0.1); border: 1px solid rgba(232,68,124,0.25); color: var(--accent-ink); }
html[data-theme="light"] .tuto-tag { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .tuto-card-btn { border: 1px solid rgba(25,23,18,0.22); background: rgba(25,23,18,0.06); color: var(--text); }
html[data-theme="light"] .tuto-card-btn:hover,
html[data-theme="light"] .tuto-card-btn.actif { background: rgba(25,23,18,0.12); border-color: rgba(25,23,18,0.4); }
html[data-theme="light"] .badge-short { background: rgba(232,68,124,0.9); }
html[data-theme="light"] .badge-video { background: rgba(244,241,234,0.85); }
html[data-theme="light"] .tuto-voir-tout { background: rgba(25,23,18,0.06); border: 1px solid rgba(25,23,18,0.22); color: var(--text); }
html[data-theme="light"] .tuto-voir-tout:hover { background: rgba(25,23,18,0.12); border-color: rgba(25,23,18,0.4); }
html[data-theme="light"] .tuto-btn-hero-soumettre { border: 1px solid rgba(25,23,18,0.22); background: rgba(25,23,18,0.06); color: var(--text); }
html[data-theme="light"] .tuto-btn-hero-soumettre:hover { background: rgba(25,23,18,0.12); border-color: rgba(25,23,18,0.4); }
html[data-theme="light"] .tuto-player-close { background: rgba(25,23,18,0.06); }
html[data-theme="light"] .tuto-player-close:hover { background: rgba(232,68,124,0.15); color: var(--accent-ink); }
html[data-theme="light"] .tuto-modal-close { background: rgba(25,23,18,0.06); }
html[data-theme="light"] .tuto-modal-close:hover { background: rgba(232,68,124,0.15); color: var(--accent-ink); }
html[data-theme="light"] .tuto-form-input:focus,
html[data-theme="light"] .tuto-form-select:focus { border-color: rgba(232,68,124,0.5); }
html[data-theme="light"] .tuto-form-submit { background: var(--text); }
html[data-theme="light"] .tuto-error { background: rgba(232,68,124,0.08); border: 1px solid rgba(232,68,124,0.25); color: var(--accent-ink); }
html[data-theme="light"] .outil-retour:hover { background: rgba(25,23,18,0.04); }
html[data-theme="light"] .outil-logo-grand { border: 1px solid rgba(25,23,18,0.08); }
html[data-theme="light"] .outil-cat-badge { border: 1px solid rgba(25,23,18,0.06); }
html[data-theme="light"] .outil-count-badge { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .filtres-groupe { background: rgba(25,23,18,0.04); }
html[data-theme="light"] .filtre-btn-duree { background: rgba(25,23,18,0.04) !important; }
html[data-theme="light"] .duree-dropdown { box-shadow: 0 16px 48px rgba(25,23,18,0.16); }
html[data-theme="light"] .duree-option:hover { background: rgba(25,23,18,0.06); }
html[data-theme="light"] .outil-video-card:hover { border-color: rgba(232,68,124,0.25); box-shadow: 0 12px 40px rgba(25,23,18,0.1); }
html[data-theme="light"] .outil-play-btn { background: rgba(232,68,124,0.9); }
html[data-theme="light"] .outil-skeleton { background: linear-gradient(90deg,
    rgba(25,23,18,0.04) 25%,
    rgba(25,23,18,0.08) 50%,
    rgba(25,23,18,0.04) 75%); }
html[data-theme="light"] .outil-cta-inner::before { background: radial-gradient(ellipse, rgba(232,68,124,0.1) 0%, transparent 70%); }
html[data-theme="light"] .kebab-btn:hover { background: rgba(25,23,18,0.04); }
html[data-theme="light"] .kebab-menu { box-shadow: 0 16px 48px rgba(25,23,18,0.18), 0 4px 16px rgba(25,23,18,0.08); }
html[data-theme="light"] .kebab-item:hover { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .kebab-ico { background: rgba(25,23,18,0.04); }
html[data-theme="light"] .kebab-hub-link { background: rgba(232,68,124,0.06); border: 1px solid rgba(232,68,124,0.15); }
html[data-theme="light"] .kebab-hub-link:hover { background: rgba(232,68,124,0.12); border-color: rgba(232,68,124,0.3); }
html[data-theme="light"] .kebab-hub-link .kebab-item-name { color: var(--accent-ink); }
html[data-theme="light"] .kebab-hub-link .kebab-ico { background: rgba(232,68,124,0.12); }
html[data-theme="light"] .hub-hero-glow { background: radial-gradient(ellipse, rgba(232,68,124,0.14) 0%, rgba(232,68,124,0.08) 40%, transparent 70%); }
html[data-theme="light"] .hub-hero-badge { background: rgba(232,68,124,0.12); border: 1px solid rgba(232,68,124,0.3); color: var(--accent-ink); }
html[data-theme="light"] .hub-hero h1 .grad { background: linear-gradient(135deg, var(--accent) 0%, var(--accent) 55%, #34D399 100%); }
html[data-theme="light"] .hub-spotlight { background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(232,68,124,0.08) 50%, rgba(232,68,124,0.06) 100%); box-shadow: 0 0 0 1px rgba(232,68,124,0.1), 0 8px 32px rgba(25,23,18,0.12), inset 0 1px 0 rgba(255,255,255,0.08); }
html[data-theme="light"] .hub-spotlight:hover { box-shadow: 0 0 0 1px rgba(232,68,124,0.25), 0 16px 40px rgba(25,23,18,0.16), inset 0 1px 0 rgba(255,255,255,0.1); }
html[data-theme="light"] .hub-spotlight::before { background: linear-gradient(135deg, rgba(232,68,124,0.5), rgba(232,68,124,0.4), rgba(14,122,95,0.3), rgba(232,68,124,0.5)); }
html[data-theme="light"] .hub-spot-label { color: var(--accent-ink); }
html[data-theme="light"] .hub-spot-question { background: rgba(25,23,18,0.04); }
html[data-theme="light"] .hub-spot-progress { background: rgba(25,23,18,0.08); }
html[data-theme="light"] .hub-card:hover { box-shadow: 0 16px 48px rgba(25,23,18,0.14); }
html[data-theme="light"] .hub-card--teal::before { background: linear-gradient(90deg,#34D399,var(--accent)); }
html[data-theme="light"] .hub-card--teal .hub-card-glow { background: radial-gradient(ellipse,rgba(14,122,95,.18),transparent); }
html[data-theme="light"] .hub-card--teal:hover { border-color: rgba(14,122,95,.3); }
html[data-theme="light"] .hub-card--teal .hub-card-cta { color: var(--accent2); }
html[data-theme="light"] .hub-card--purple::before { background: linear-gradient(90deg,var(--accent),var(--accent)); }
html[data-theme="light"] .hub-card--purple .hub-card-glow { background: radial-gradient(ellipse,rgba(232,68,124,.2),transparent); }
html[data-theme="light"] .hub-card--purple:hover { border-color: rgba(232,68,124,.35); }
html[data-theme="light"] .hub-card--purple .hub-card-cta { color: var(--accent-ink); }
html[data-theme="light"] .hub-card--amber::before { background: linear-gradient(90deg,#f5a623,var(--accent)); }
html[data-theme="light"] .hub-card--amber .hub-card-glow { background: radial-gradient(ellipse,rgba(180,83,9,.18),transparent); }
html[data-theme="light"] .hub-card--amber:hover { border-color: rgba(180,83,9,.3); }
html[data-theme="light"] .hub-card--amber .hub-card-cta { color: #b45309; }
html[data-theme="light"] .hub-card--pink::before { background: linear-gradient(90deg,var(--accent),#f5a623); }
html[data-theme="light"] .hub-card--pink .hub-card-glow { background: radial-gradient(ellipse,rgba(232,68,124,.2),transparent); }
html[data-theme="light"] .hub-card--pink:hover { border-color: rgba(232,68,124,.35); }
html[data-theme="light"] .hub-card--pink .hub-card-cta { color: var(--accent-ink); }
html[data-theme="light"] .hub-card--red::before { background: linear-gradient(90deg,#ff4d4d,var(--accent)); }
html[data-theme="light"] .hub-card--red .hub-card-glow { background: radial-gradient(ellipse,rgba(194,57,43,.18),transparent); }
html[data-theme="light"] .hub-card--red:hover { border-color: rgba(194,57,43,.3); }
html[data-theme="light"] .hub-card--red .hub-card-cta { color: var(--danger); }
html[data-theme="light"] .hub-card--green:hover { border-color: rgba(14,122,95,.3); }
html[data-theme="light"] .hub-card--green .hub-card-cta { color: var(--accent2); }
html[data-theme="light"] .hub-card--blue::before { background: linear-gradient(90deg,#38bdf8,var(--accent)); }
html[data-theme="light"] .hub-card--ghost { border: 2px dashed rgba(25,23,18,0.1); }
html[data-theme="light"] .hub-card-badge { background: rgba(25,23,18,0.05); border: 1px solid rgba(25,23,18,0.1); }
html[data-theme="light"] .hub-cta-inner { background: linear-gradient(135deg,rgba(232,68,124,.1) 0%,rgba(232,68,124,.08) 50%,rgba(14,122,95,.06) 100%); border: 1px solid rgba(232,68,124,.2); }
html[data-theme="light"] .hub-cta-glow { background: radial-gradient(ellipse,rgba(232,68,124,.15) 0%,transparent 70%); }
/* Cartes outils : blanches en mode clair, quel que soit le plan (aucun dégradé ni liseré rose) */
html[data-theme="light"] .tool-card,
html[data-theme="light"] .tool-card.tool-card-featured,
html[data-theme="light"] .tool-card.tool-card-plan-featured,
html[data-theme="light"] .tool-card.tool-card-plan-starter,
html[data-theme="light"] .tool-card.tool-card-plan-gratuit { background: #FFFFFF; border-color: var(--border); box-shadow: none; }
html[data-theme="light"] .tool-card:hover,
html[data-theme="light"] .tool-card.tool-card-featured:hover,
html[data-theme="light"] .tool-card.tool-card-plan-featured:hover,
html[data-theme="light"] .tool-card.tool-card-plan-starter:hover,
html[data-theme="light"] .tool-card.tool-card-plan-gratuit:hover { border-color: var(--border-hover); box-shadow: none; }
html[data-theme="light"] .tool-card-plan-featured::before,
html[data-theme="light"] .tool-card-plan-starter::before { content: none; display: none; }
html[data-theme="light"] .tool-plan-badge-featured { background: rgba(25,23,18,0.05); color: var(--text-dim, var(--text-dim)); border: 1px solid rgba(25,23,18,0.08); }
html[data-theme="light"] .tool-plan-badge-starter { background: rgba(25,23,18,0.05); color: var(--text-dim, var(--text-dim)); border: 1px solid rgba(25,23,18,0.08); }
html[data-theme="light"] .tool-plan-badge-gratuit { background: rgba(25,23,18,0.05); color: var(--text-dim, var(--text-dim)); border: 1px solid rgba(25,23,18,0.08); }
html[data-theme="light"] #notif-spotlight { background: rgba(232,68,124,0.05); border: 1px solid rgba(232,68,124,0.2); }
html[data-theme="light"] .spotlight-label { color: var(--accent-ink); }
html[data-theme="light"] .spotlight-dot { background: var(--accent); box-shadow: 0 0 0 3px rgba(232,68,124,0.25); }
html[data-theme="light"] .spotlight-close { border: 1px solid rgba(25,23,18,0.1); background: rgba(25,23,18,0.05); }
html[data-theme="light"] .spotlight-close:hover { background: rgba(232,68,124,0.15); border-color: rgba(232,68,124,0.4); color: var(--accent-ink); }
html[data-theme="light"] .spotlight-card { border-color: rgba(232,68,124,0.15) !important; }
html[data-theme="light"] .spotlight-card:hover { box-shadow: 0 8px 24px rgba(232,68,124,0.15); border-color: rgba(232,68,124,0.35) !important; }
html[data-theme="light"] .btn-nav-auth { background: var(--text); }
html[data-theme="light"] .nav-avatar-menu { background: var(--surface2); border: 1px solid rgba(25,23,18,0.1); box-shadow: 0 16px 48px rgba(25,23,18,0.2); }
html[data-theme="light"] .nav-avatar-name { color: rgba(25,23,18,0.35); border-bottom: 1px solid rgba(25,23,18,0.08); }
html[data-theme="light"] .nav-avatar-item { color: rgba(25,23,18,0.65); }
html[data-theme="light"] .nav-avatar-item:hover { background: rgba(25,23,18,0.07); color: var(--text); }
html[data-theme="light"] .nav-avatar-divider { background: rgba(25,23,18,0.08); }
html[data-theme="light"] .nav-avatar-logout { color: rgba(194,57,43,0.8) !important; }
html[data-theme="light"] .nav-avatar-logout:hover { background: rgba(194,57,43,0.12) !important; color: var(--danger) !important; }
html[data-theme="light"] .col-btn:hover { background: rgba(25,23,18,0.08); }
html[data-theme="light"] .col-menu-popup { background: var(--surface2); border: 1px solid rgba(25,23,18,0.12); box-shadow: 0 12px 40px rgba(25,23,18,0.2); }
html[data-theme="light"] .col-menu-header { color: rgba(25,23,18,0.35); border-bottom: 1px solid rgba(25,23,18,0.08); }
html[data-theme="light"] .col-menu-item { color: rgba(25,23,18,0.7); }
html[data-theme="light"] .col-menu-item:hover { background: rgba(25,23,18,0.07); color: var(--text); }
html[data-theme="light"] .col-menu-empty { color: rgba(25,23,18,0.3); }
html[data-theme="light"] .col-menu-divider { background: rgba(25,23,18,0.08); }
html[data-theme="light"] .col-menu-new input { background: rgba(25,23,18,0.06); border: 1px solid rgba(25,23,18,0.1); color: var(--text); }
html[data-theme="light"] .col-menu-new input:focus { border-color: rgba(232,68,124,0.5); }
html[data-theme="light"] .col-menu-new input::placeholder { color: rgba(25,23,18,0.25); }
html[data-theme="light"] .col-menu-new button { background: linear-gradient(135deg, var(--accent), var(--accent)); }
html[data-theme="light"] .toast-link { background: var(--surface2); border: 1px solid rgba(232,68,124,0.4); box-shadow: 0 8px 32px rgba(25,23,18,0.2); }
html[data-theme="light"] .toast-link-btn { background: linear-gradient(135deg, var(--accent), var(--accent)); }
html[data-theme="light"] .toast-link-close { color: rgba(25,23,18,0.3); }
html[data-theme="light"] .toast-link-close:hover { color: rgba(25,23,18,0.7); }
html[data-theme="light"] .tool-rating-badge { color: #b45309; }
html[data-theme="light"] .btn-save-video { border: 1px solid rgba(25,23,18,0.12); }
html[data-theme="light"] .btn-save-video:hover { color: var(--accent-ink); border-color: rgba(232,68,124,0.4); background: rgba(232,68,124,0.08); }
html[data-theme="light"] .btn-save-video.saved { color: var(--accent-ink); border-color: rgba(232,68,124,0.5); background: rgba(232,68,124,0.12); }
html[data-theme="light"] .btn-save-video.saved svg { fill: var(--accent-ink); stroke: var(--accent-ink); }
html[data-theme="light"] .home-sp-card:hover .home-sp-txt strong { color: var(--accent-ink); }
html[data-theme="light"] .blog-card-link,
html[data-theme="light"] .blog-card-link:link,
html[data-theme="light"] .blog-card-link:visited,
html[data-theme="light"] .blog-card-link:hover,
html[data-theme="light"] .blog-card-link:active,
html[data-theme="light"] .blog-card-link:focus { color: var(--text); }
html[data-theme="light"] .blog-card a,
html[data-theme="light"] .blog-card a:visited,
html[data-theme="light"] .blog-card a:hover,
html[data-theme="light"] .blog-title,
html[data-theme="light"] a .blog-title,
html[data-theme="light"] a:visited .blog-title,
html[data-theme="light"] a:hover .blog-title,
html[data-theme="light"] a:focus .blog-title,
html[data-theme="light"] a:active .blog-title { color: var(--text); }

/* ── css/tool-detail.css ── */
html[data-theme="light"] nav { background: rgba(244,241,234,0.88); }
html[data-theme="light"] .logo .dot { color: var(--accent-ink); }
html[data-theme="light"] .nav-link:hover { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .kebab-menu { box-shadow: 0 16px 48px rgba(25,23,18,0.2); }
html[data-theme="light"] .kebab-item:hover { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .kebab-hub-link .kebab-item-name { color: var(--accent-ink); }
html[data-theme="light"] .tool-breadcrumb a:hover { color: var(--accent-ink); }
html[data-theme="light"] .tool-hero { border-bottom: 1px solid rgba(232,68,124,0.15); }
html[data-theme="light"] .tool-logo-wrap { background: rgba(25,23,18,0.06); border: 1px solid rgba(232,68,124,0.2); box-shadow: 0 0 24px rgba(232,68,124,0.1); }
html[data-theme="light"] .badge-cat { background: rgba(232,68,124,0.15); border: 1px solid rgba(232,68,124,0.3); }
html[data-theme="light"] .badge-freemium { background: rgba(14,122,95,0.12); border: 1px solid rgba(14,122,95,0.3); }
html[data-theme="light"] .badge-hot { background: rgba(180,83,9,0.12); border: 1px solid rgba(180,83,9,0.3); }
html[data-theme="light"] .tool-stat:first-child { border-color: rgba(232,68,124,0.2); background: rgba(232,68,124,0.04); }
html[data-theme="light"] .ts-n { color: var(--accent-ink); }
html[data-theme="light"] .screenshot-wrap { border: 1px solid rgba(232,68,124,0.15); box-shadow: 0 8px 32px rgba(25,23,18,0.12); }
html[data-theme="light"] .screenshot-label { background: rgba(244,241,234,0.85); }
html[data-theme="light"] .pc-price { color: var(--accent-ink); }
html[data-theme="light"] .pc-btn-outline:hover { color: var(--accent-ink); }
html[data-theme="light"] .pros { background: rgba(14,122,95,0.05); border: 1px solid rgba(14,122,95,0.15); }
html[data-theme="light"] .cons { background: rgba(232,68,124,0.05); border: 1px solid rgba(232,68,124,0.12); }
html[data-theme="light"] .cons .pc-title { color: var(--accent-ink); }
html[data-theme="light"] .pros li,
html[data-theme="light"] .cons li { border-bottom: 1px solid rgba(25,23,18,0.05); }
html[data-theme="light"] .tutorial-item.open { border-color: rgba(232,68,124,0.25); }
html[data-theme="light"] .tutorial-header:hover { background: rgba(25,23,18,0.02); }
html[data-theme="light"] .tutorial-toggle { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .tutorial-item.open .tutorial-toggle { background: rgba(232,68,124,0.12); border-color: rgba(232,68,124,0.3); }
html[data-theme="light"] .related-arrow { color: var(--accent-ink); }
html[data-theme="light"] .faq-q:hover { color: var(--accent-ink); }
html[data-theme="light"] .faq-item.open .faq-q::after { color: var(--accent-ink); }
html[data-theme="light"] .tool-verdict { background: rgba(232,68,124,0.06); border: 1px solid rgba(232,68,124,0.2); }
html[data-theme="light"] .verdict-title { color: var(--accent-ink); }
html[data-theme="light"] .sidebar-card-featured-highlight { border-color: rgba(232,68,124,0.25); }
html[data-theme="light"] .alt-more { background: rgba(232,68,124,0.08); }
html[data-theme="light"] .alt-more:hover { background: rgba(232,68,124,0.15); }
html[data-theme="light"] .sidebar-card-cta { background: rgba(232,68,124,0.06); border-color: rgba(232,68,124,0.2); }
html[data-theme="light"] .sidebar-card-cta .sc-title { border-color: rgba(232,68,124,0.2); color: var(--accent-ink); }
html[data-theme="light"] footer a { color: var(--accent-ink); }
html[data-theme="light"] .rv-count { background: rgba(232,68,124,0.15); }
html[data-theme="light"] .rv-star-btn { color: rgba(25,23,18,0.2); }
html[data-theme="light"] .rv-delete-btn { background: rgba(194,57,43,0.1); border: 1px solid rgba(194,57,43,0.25); color: var(--danger); }
html[data-theme="light"] .rv-error { color: var(--danger); }
html[data-theme="light"] .rv-login-prompt { background: rgba(232,68,124,0.08); border: 1px solid rgba(232,68,124,0.2); }
html[data-theme="light"] .rv-login-link { color: var(--accent-ink); }
html[data-theme="light"] .rv-avatar:hover { box-shadow: 0 0 0 3px rgba(232,68,124,0.3); }
html[data-theme="light"] .rv-author:hover { color: var(--accent-ink); }
html[data-theme="light"] .rv-stars-display .off { color: rgba(25,23,18,0.15); }
html[data-theme="light"] .rv-vote-yes.voted { background: rgba(14,122,95,0.1); border-color: rgba(14,122,95,0.35); }
html[data-theme="light"] .rv-vote-no.voted { background: rgba(232,68,124,0.1); border-color: rgba(232,68,124,0.35); }
html[data-theme="light"] .rv-report-btn:hover { color: var(--danger); background: rgba(194,57,43,0.08); }
html[data-theme="light"] .rv-see-all-btn:hover { color: var(--accent-ink); }
html[data-theme="light"] .rv-avg-stars .off { color: rgba(25,23,18,0.15); }
html[data-theme="light"] .rv-dist-row.active { border-color: rgba(232,68,124,0.35); background: rgba(232,68,124,0.08); }
html[data-theme="light"] .rv-ctrl-btn.active { background: rgba(232,68,124,0.12); border-color: rgba(232,68,124,0.35); }
html[data-theme="light"] .rv-sort-btn.active { background: rgba(232,68,124,0.12); border-color: rgba(232,68,124,0.35); }
html[data-theme="light"] .avo-back:hover { color: var(--accent-ink); }
html[data-theme="light"] .rv-toast { border: 1px solid rgba(25,23,18,0.08); }
html[data-theme="light"] .offline-giant { -webkit-text-stroke: 1px rgba(232,68,124,0.25); }
html[data-theme="light"] .offline-headline .word-h { color: var(--accent-ink); }
html[data-theme="light"] .offline-link-item:hover { background: rgba(232,68,124,0.06); }
html[data-theme="light"] .offline-link-arrow { color: var(--accent-ink); }
html[data-theme="light"] .offline-foot span { color: var(--accent-ink); }
html[data-theme="light"] .rv-quick-btn.yes[aria-pressed="true"] { background: rgba(14,122,95,.08); }
html[data-theme="light"] .rv-quick-btn.no[aria-pressed="true"] { background: rgba(232,68,124,.08); }

/* ── css/tool-page.css ── */
html[data-theme="light"] .tool-logo-wrap { background: rgba(25,23,18,0.06); }
html[data-theme="light"] .badge-cat { color: #5a50d0; }
html[data-theme="light"] .badge-free { background: rgba(14,122,95,0.12); color: var(--accent2); border: 1px solid rgba(14,122,95,0.3); }
html[data-theme="light"] .badge-paid { background: rgba(232,68,124,0.12); color: var(--accent-ink); border: 1px solid rgba(232,68,124,0.3); }
html[data-theme="light"] .badge-hot { background: rgba(180,83,9,0.12); color: #b45309; border: 1px solid rgba(180,83,9,0.3); }
html[data-theme="light"] .badge-new { background: rgba(14,122,95,0.12); color: var(--accent2); border: 1px solid rgba(14,122,95,0.3); }
html[data-theme="light"] .star.on { color: #b45309; }
html[data-theme="light"] .tool-verdict { background: rgba(232,68,124,0.06); border: 1px solid rgba(232,68,124,0.2); }
html[data-theme="light"] .verdict-title { color: var(--accent-ink); }
html[data-theme="light"] .alt-more { background: rgba(232,68,124,0.08); }
html[data-theme="light"] .alt-more:hover { background: rgba(232,68,124,0.15); }
html[data-theme="light"] .sidebar-card-cta { background: rgba(232,68,124,0.06); border-color: rgba(232,68,124,0.2); }
html[data-theme="light"] .sidebar-card-cta .sc-title { border-color: rgba(232,68,124,0.2); color: var(--accent-ink); }
html[data-theme="light"] .fc-logo { background: rgba(25,23,18,0.06); }

/* ── css/fiche-outil.css ── */
html[data-theme="light"] .fo-btn-outline { color: var(--accent-ink); }
html[data-theme="light"] .fo-btn-block { color: var(--accent-ink); }
html[data-theme="light"] .fo-preview-chip .fo-ico { color: var(--accent-ink); }
html[data-theme="light"] .fo-tab.active { color: var(--accent-ink); }
html[data-theme="light"] .fo-link { color: var(--accent-ink); }
html[data-theme="light"] .fo-meta-ico { color: var(--accent-ink); }
html[data-theme="light"] .fo-meta-item a { color: var(--accent-ink); }
html[data-theme="light"] .fo-socials a:hover { color: var(--accent-ink); }
html[data-theme="light"] .fo-btn-soft { color: var(--accent-ink); }
html[data-theme="light"] .fo-btn-softsm { color: var(--accent-ink); }
html[data-theme="light"] .fo-feat-ico .fo-ico { color: var(--accent-ink); }
html[data-theme="light"] .fo-page a.rv-author:hover { color: var(--accent-ink); }
html[data-theme="light"] .fo-page .rv-login-prompt .fo-ico { color: var(--accent-ink); }
html[data-theme="light"] .fo-alt-logo .fo-letter { color: var(--text); }

/* ── css/article.css ── */
html[data-theme="light"] .analyse-table tr:hover td { background: rgba(25,23,18,.02); }
html[data-theme="light"] .btn-cta-secondary:hover { border-color: rgba(25,23,18,.25); }
html[data-theme="light"] .article-body tr:hover td { background: rgba(25,23,18,.02); }

/* ── css/categorie.css ── */
html[data-theme="light"] .cat-stat-ico { color: var(--cat-color, #5a50d0); }
html[data-theme="light"] .cat-popular-all { color: #5a50d0; }

/* ── js/niche.css ── */

/* ── css/comparateur.css ── */
html[data-theme="light"] .comp-badge { color: #5a50d0; }
html[data-theme="light"] .comp-cat-btn.active { color: #5a50d0; }
html[data-theme="light"] .picker-card.selected { border-color: rgba(232,68,124,0.4); background: rgba(232,68,124,0.06); }
html[data-theme="light"] .selected-bar { background: rgba(244,241,234,0.94); }
html[data-theme="light"] .selected-chip { background: rgba(232,68,124,0.1); border: 1px solid rgba(232,68,124,0.3); }
html[data-theme="light"] .ct-btn-primary { background: rgba(232,68,124,0.12); border-color: rgba(232,68,124,0.3); }
html[data-theme="light"] .ct-btn-primary:hover { background: rgba(232,68,124,0.2); }
html[data-theme="light"] .comp-table tbody tr:hover { background: rgba(25,23,18,0.02); }
html[data-theme="light"] .comp-cta-btn { color: #5a50d0; }
html[data-theme="light"] .reco-card:hover { border-color: rgba(232,68,124,0.3); }
html[data-theme="light"] .reco-label.gold { background: rgba(180,83,9,0.12); }
html[data-theme="light"] .reco-label.mint { background: rgba(14,122,95,0.12); }
html[data-theme="light"] .reco-label.purple { color: #5a50d0; }
html[data-theme="light"] .reco-label.pink { background: rgba(232,68,124,0.12); }

/* ── css/comparer.css ── (mode clair : neutre, aucune couleur d'accent — voir comparer.css) */
html[data-theme="light"] nav { background: rgba(244,241,234,0.92); }
html[data-theme="light"] .nav-link:hover { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .nav-link.active { background: rgba(25,23,18,0.08); }
html[data-theme="light"] .cp-table tr:hover { background: rgba(25,23,18,0.02); }

/* ── css/tutoriels-hub.css ── */
html[data-theme="light"] .th-btn.actif { color: var(--accent-ink); }
html[data-theme="light"] .th-player-bar { background: rgba(244,241,234,.88); }
html[data-theme="light"] .th-by a { color: var(--accent-ink); }
html[data-theme="light"] .th-card:hover .th-see { color: var(--accent-ink); }

/* ── css/videotheque.css ── */
html[data-theme="light"] .vt-hero-badge { background: rgba(232,68,124,0.12); }

/* ── css/profile.css ── */
html[data-theme="light"] .profile-stat strong { color: var(--accent-ink); }
html[data-theme="light"] .profile-nav-item:hover { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .pni-count { background: rgba(25,23,18,0.06); }
html[data-theme="light"] .pni-count--unread { background: rgba(232,68,124,0.15); border-color: rgba(232,68,124,0.3); }
html[data-theme="light"] .profile-nav-logout { color: rgba(194,57,43,0.75); }
html[data-theme="light"] .profile-nav-logout:hover { background: rgba(194,57,43,0.1); color: var(--danger); }
html[data-theme="light"] .tool-cat-badge { background: rgba(25,23,18,0.05); }
html[data-theme="light"] .notif-read-btn:hover { color: var(--accent-ink); }
html[data-theme="light"] .settings-danger { border-color: rgba(194,57,43,0.2); }
html[data-theme="light"] .settings-danger .settings-section-title { color: rgba(194,57,43,0.7); }
html[data-theme="light"] .btn-icon:hover { background: rgba(194,57,43,0.1); color: var(--danger); }
html[data-theme="light"] .btn-danger { border: 1px solid rgba(194,57,43,0.35); color: var(--danger); }
html[data-theme="light"] .btn-danger:hover { background: rgba(194,57,43,0.1); }
html[data-theme="light"] .profile-toast { box-shadow: 0 8px 30px rgba(25,23,18,0.16); }

/* ── css/auth.css ── */
html[data-theme="light"] .auth-tab.active { color: var(--accent-ink); }
html[data-theme="light"] .auth-message--error { background: rgba(194,57,43,0.1); border: 1px solid rgba(194,57,43,0.3); color: var(--danger); }
html[data-theme="light"] .btn-google:hover { border-color: rgba(25,23,18,0.3); background: rgba(25,23,18,0.04); }