/* ==========================================================================
   Style « nouveau » : charte graphique INSTAT GABON 2026
   Chargé uniquement quand l'administrateur active ce style (server/theme.js
   ajoute data-theme="nouveau" sur <html> et ce fichier dans <head>).
   Couleurs : bleu profond #184284 · bleu lumière #53AFFF · neutre #C6C6C6 · blanc
   Police : Acumin Wide (licence à acquérir) ; Archivo large en attendant.
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@100..125,300..800&display=swap");

html[data-theme="nouveau"] {
  --profond: #184284;
  --lumiere: #53AFFF;
  --neutre: #C6C6C6;
  --voile: #F0F7FF;
  --voile2: #D4E9FF;
  --bord: #dfe8f3;

  --primary: var(--profond);
  --secondary: var(--profond);
  --light: var(--lumiere);
  --dark: var(--profond);
  --dgs-blue: var(--profond);
  --dgs-blue-dark: var(--profond);
  --dgs-green: var(--lumiere);
  --dgs-yellow: var(--lumiere);
  --dgs-muted: #5b6b85;
  --panel-border: var(--bord);
  --bs-body-font-family: "Archivo", "Acumin Wide", "Helvetica Neue", Arial, sans-serif;
}

/* Typographie (charte p.27-28) : famille « Wide » ; titre principal Bold en capitales, sous-titre Semibold,
   texte courant Medium ; approche -20 (= -0,02 em) sur les trois niveaux. */
html[data-theme="nouveau"] body {
  font-family: "Archivo", "Acumin Wide", "Helvetica Neue", Arial, sans-serif;
  font-stretch: 112%;
  font-weight: 500;
  letter-spacing: -.02em;
  color: #12305f;
  background: #f6f9fd;
}
html[data-theme="nouveau"] h1,
html[data-theme="nouveau"] h2,
html[data-theme="nouveau"] h3,
html[data-theme="nouveau"] h4 { font-stretch: 125%; letter-spacing: -.02em; line-height: 1.12; }
html[data-theme="nouveau"] h3,
html[data-theme="nouveau"] h4 { font-weight: 600; }
html[data-theme="nouveau"] .lead { font-weight: 600; }

/* Titre principal : bleu profond / bleu lumière sur deux lignes (ici sur fond bleu : blanc + lumière) */
html[data-theme="nouveau"] .hero-content h1 { font-weight: 700; text-transform: uppercase; line-height: 1.04; }
html[data-theme="nouveau"] .h1-accent { color: var(--lumiere); display: block; }
/* Titres de section : première partie en Light bleu lumière, seconde en Semibold bleu profond */
html[data-theme="nouveau"] .dashboard-head h2,
html[data-theme="nouveau"] .ihpc-pres-text h2,
html[data-theme="nouveau"] .glossaire-title { font-weight: 300; color: var(--lumiere); }
html[data-theme="nouveau"] .h2-fort { font-weight: 600; color: var(--profond); }
html[data-theme="nouveau"] .newsletter-text h2 { font-weight: 700; color: var(--profond); }

/* Pleine largeur (comme la maquette) : même marge que l'en-tête, plus de grandes bandes vides */
html[data-theme="nouveau"] .container { max-width: none; padding-left: clamp(16px, 4vw, 48px); padding-right: clamp(16px, 4vw, 48px); }
html[data-theme="nouveau"] .ihpc-pres-text p { max-width: 110ch; }
html[data-theme="nouveau"] .search-wrapper { max-width: 1100px; }

/* Accès administrateur */
html[data-theme="nouveau"] .admin-portal { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1.5px solid var(--lumiere); border-radius: 4px; background: rgba(83, 175, 255, .12); }
html[data-theme="nouveau"] .admin-portal:hover { background: var(--lumiere); color: var(--profond); }

/* ── Logo ─────────────────────────────────────────────────────────────── */
html[data-theme="nouveau"] .brand-mark,
html[data-theme="nouveau"] .brand-text { display: none; }
html[data-theme="nouveau"] .brand-logo { display: block; height: 72px; width: auto; }
html[data-theme="nouveau"] .footer-logo { display: block; height: 58px; width: auto; }
html[data-theme="nouveau"] .footer-brand { gap: 18px; flex-wrap: wrap; }
html[data-theme="nouveau"] .footer-brand strong { display: none; }
@media (max-width: 575px) { html[data-theme="nouveau"] .brand-logo { height: 52px; } }

/* ── En-tête ──────────────────────────────────────────────────────────── */
html[data-theme="nouveau"] .top-strip { background: var(--profond); }
html[data-theme="nouveau"] .main-nav { background: rgba(24, 66, 132, .9); backdrop-filter: blur(6px); }
html[data-theme="nouveau"] .navbar .nav-link { font-weight: 700; }
html[data-theme="nouveau"] .navbar .nav-link.active,
html[data-theme="nouveau"] .navbar .nav-link:hover { color: var(--lumiere); }
html[data-theme="nouveau"] .social-link { border-color: rgba(255, 255, 255, .6); }
html[data-theme="nouveau"] .flag-gabon { display: none; }

/* ── Bandeau d'accueil : bleu profond + cercles concentriques et courbe ── */
html[data-theme="nouveau"] .hero-section {
  background-color: var(--profond);
  background-image:
    url("/assets/cercles-instat.svg"),
    linear-gradient(100deg, #12346b 0%, var(--profond) 55%, #1b4a93 100%);
  background-size: cover, cover;
  background-position: right center, center;
  background-repeat: no-repeat;
}
html[data-theme="nouveau"] .hero-overlay { background: transparent; }
html[data-theme="nouveau"] .network-lines { display: none; }
html[data-theme="nouveau"] .hero-content h1 {
  font-weight: 700;
  letter-spacing: -.02em;
}
html[data-theme="nouveau"] .search-box { box-shadow: 0 14px 40px rgba(6, 24, 56, .35); border-radius: 4px; overflow: hidden; }
html[data-theme="nouveau"] .btn-search { background: var(--lumiere); color: var(--profond); }
html[data-theme="nouveau"] .btn-search:hover,
html[data-theme="nouveau"] .btn-search:focus { background: #3b9cf2; color: var(--profond); }
html[data-theme="nouveau"] .search-result-item:hover,
html[data-theme="nouveau"] .search-result-item.active { background: var(--voile); }
html[data-theme="nouveau"] .search-result-item i { color: var(--profond); }

html[data-theme="nouveau"] .ihpc-current-highlight { background: rgba(255, 255, 255, .08); border-color: rgba(83, 175, 255, .7); }
html[data-theme="nouveau"] .ihpc-current-download { background: var(--lumiere); color: var(--profond); }
html[data-theme="nouveau"] .ihpc-current-download:hover { color: var(--profond); }

/* Chiffres clés : trait lumière sous le libellé, chiffre en bleu lumière */
html[data-theme="nouveau"] .key-figure i { color: var(--lumiere); }
html[data-theme="nouveau"] .key-figure h2 { font-size: clamp(1rem, 1.4vw, 1.2rem); text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }
html[data-theme="nouveau"] .key-figure h2::after { content: ""; display: block; width: 38px; height: 3px; margin: 12px auto 0; background: var(--lumiere); }
html[data-theme="nouveau"] .key-figure strong { color: var(--lumiere); font-weight: 700; }
html[data-theme="nouveau"] .key-figure span { font-weight: 600; }

/* ── Sections ─────────────────────────────────────────────────────────── */
html[data-theme="nouveau"] .dashboard-section,
html[data-theme="nouveau"] .integration-section { background: #fff; }
html[data-theme="nouveau"] .series-section { background: var(--voile); }

html[data-theme="nouveau"] .section-kicker { color: var(--profond); font-weight: 700; letter-spacing: .12em; }
html[data-theme="nouveau"] .section-kicker::before { content: ""; display: inline-block; width: 26px; height: 3px; margin-right: 10px; vertical-align: middle; background: var(--lumiere); }

html[data-theme="nouveau"] .ihpc-presentation-section {
  background: var(--voile);
  border-top: 0;
  border-bottom: 1px solid var(--bord);
}
html[data-theme="nouveau"] .ihpc-pres-text p { color: #1d3a6b; }
html[data-theme="nouveau"] .ihpc-pres-text strong { color: var(--profond); }
html[data-theme="nouveau"] .btn-comprendre { background: var(--profond); border-radius: 4px; }
html[data-theme="nouveau"] .btn-comprendre:hover { background: #0f2f63; }
/* Pastille de l'année : cercles concentriques de la charte */
html[data-theme="nouveau"] .ihpc-pres-badge {
  background: var(--profond);
  box-shadow: 0 0 0 7px var(--voile), 0 0 0 9px var(--lumiere), 0 0 0 16px var(--voile), 0 0 0 17px var(--voile2);
  margin: 18px;
}

html[data-theme="nouveau"] .integration-card { border-radius: 6px; box-shadow: 0 10px 30px rgba(24, 66, 132, .08); }
html[data-theme="nouveau"] .integration-card h3,
html[data-theme="nouveau"] .series-title,
html[data-theme="nouveau"] .filter-label,
html[data-theme="nouveau"] .price-controls label span { color: var(--profond); }
html[data-theme="nouveau"] .metric-card { border-top: 4px solid var(--lumiere); border-radius: 6px; }
html[data-theme="nouveau"] .metric-card strong { color: var(--profond); }
html[data-theme="nouveau"] .api-pill { color: var(--profond); background: var(--voile); border-color: var(--voile2); }
html[data-theme="nouveau"] .api-pill.is-live { color: var(--profond); background: var(--voile2); border-color: var(--lumiere); }

/* ── Graphiques ───────────────────────────────────────────────────────── */
html[data-theme="nouveau"] .chart-shell { border-color: var(--bord); border-radius: 6px; }
html[data-theme="nouveau"] .grid-line { stroke: #dfe5ee; }
html[data-theme="nouveau"] .vertical-grid { stroke: #e9eef5; }
html[data-theme="nouveau"] .axis-line { stroke: var(--profond); }
html[data-theme="nouveau"] .axis-label { fill: #5b6b85; }
html[data-theme="nouveau"] .axis-title { fill: var(--profond); }
html[data-theme="nouveau"] .chart-active-band { fill: var(--voile2); }
html[data-theme="nouveau"] .chart-active-line { stroke: var(--lumiere); }
html[data-theme="nouveau"] .chart-tooltip-live { background: rgba(24, 66, 132, .97); box-shadow: 0 10px 28px rgba(24, 66, 132, .3); }
html[data-theme="nouveau"] .chart-legend { background: var(--voile); }
html[data-theme="nouveau"] .legend-item { color: #12305f; }
html[data-theme="nouveau"] .chart-source { color: #5b6b85; }
html[data-theme="nouveau"] .btn-view { border-color: var(--profond); color: var(--profond); border-radius: 4px; }
html[data-theme="nouveau"] .btn-view.active { background: var(--profond); color: #fff; }
html[data-theme="nouveau"] .btn-view:not(.active):hover { background: var(--voile); }
html[data-theme="nouveau"] .refresh-control small.is-success { color: var(--profond); }
html[data-theme="nouveau"] .data-freshness-note.is-warning { background: var(--voile); border-left-color: var(--lumiere); color: var(--profond); }

/* ── Filtres et pastilles ─────────────────────────────────────────────── */
html[data-theme="nouveau"] .filter-panel { border-color: var(--bord); background: linear-gradient(135deg, #fff 0%, var(--voile) 100%); border-radius: 6px; }
html[data-theme="nouveau"] .filter-chip { border-color: #b7c7de; color: var(--profond); }
html[data-theme="nouveau"] .filter-chip:hover { border-color: var(--lumiere); }
html[data-theme="nouveau"] .filter-chip.active { border-color: var(--profond); background: var(--profond); color: #fff; box-shadow: 0 5px 12px rgba(24, 66, 132, .2); }
html[data-theme="nouveau"] .month-chip.active,
html[data-theme="nouveau"] .zone-chip.active { border-color: var(--profond); background: var(--profond); color: #fff; }
html[data-theme="nouveau"] .detail-status,
html[data-theme="nouveau"] .data-count-pill { background: var(--voile2); color: var(--profond); }
html[data-theme="nouveau"] .filter-divider { background: var(--bord); }
html[data-theme="nouveau"] .product-prices-section { background: var(--voile); }
html[data-theme="nouveau"] .series-table thead th { background: var(--voile); color: var(--profond); }
html[data-theme="nouveau"] .regions-heat-table th { background: var(--profond); }

/* ── Barres (régions, nomenclatures) : bleu lumière, national en bleu profond ── */
html[data-theme="nouveau"] .region-bar-track,
html[data-theme="nouveau"] .sec-bar-track,
html[data-theme="nouveau"] .cemac-gauge-track { background: #e9eff7; }
html[data-theme="nouveau"] .region-bar-fill { background: var(--lumiere); }
html[data-theme="nouveau"] .region-bar-fill.is-national { background: var(--profond); }
html[data-theme="nouveau"] .sec-bar-fill.bar-positive { background: var(--lumiere); opacity: 1; }
html[data-theme="nouveau"] .sec-bar-fill.bar-negative { background: var(--profond); opacity: 1; }
html[data-theme="nouveau"] .sec-bar-fill.bar-neutral { background: var(--neutre); opacity: 1; }
html[data-theme="nouveau"] .sec-group-header,
html[data-theme="nouveau"] .sec-group-row .sec-group-cell { color: var(--profond); }
html[data-theme="nouveau"] .sec-group-row .sec-group-cell { background: var(--voile); border-top-color: var(--profond); }

/* ── Critère CEMAC ────────────────────────────────────────────────────── */
html[data-theme="nouveau"] .cemac-trend-path { stroke: var(--profond); }
html[data-theme="nouveau"] .cemac-trend-dot.is-conforme { fill: var(--profond); }
html[data-theme="nouveau"] .cemac-trend-dot.is-depassement { fill: var(--lumiere); }
html[data-theme="nouveau"] .cemac-trend-legend .legend-box.cemac-line { background: var(--profond); }
html[data-theme="nouveau"] .cemac-ok { background: var(--profond); }
html[data-theme="nouveau"] .cemac-breach { background: var(--lumiere); }
html[data-theme="nouveau"] .cemac-note { border-left-color: var(--lumiere); }
html[data-theme="nouveau"] .cemac-target-line,
html[data-theme="nouveau"] .cemac-target-line::after,
html[data-theme="nouveau"] .cemac-target-label { background: var(--profond); }

/* ── Documentation ────────────────────────────────────────────────────── */
html[data-theme="nouveau"] .documentation-section { background: linear-gradient(180deg, #fff 0%, var(--voile) 100%); }
html[data-theme="nouveau"] .documentation-card,
html[data-theme="nouveau"] .report-download-card { border-color: var(--bord); border-radius: 6px; box-shadow: 0 10px 26px rgba(24, 66, 132, .07); }
html[data-theme="nouveau"] .documentation-card.is-primary { background: var(--profond); }
html[data-theme="nouveau"] .documentation-card > i { background: var(--voile2); color: var(--profond); }
html[data-theme="nouveau"] .documentation-card.is-primary > i { background: rgba(255, 255, 255, .14); color: var(--lumiere); }
html[data-theme="nouveau"] .doc-type { color: var(--profond); }
html[data-theme="nouveau"] .documentation-card.is-primary .doc-type { color: var(--lumiere); }
html[data-theme="nouveau"] .doc-stat { background: var(--voile2); color: var(--profond); }
html[data-theme="nouveau"] .documentation-card.is-primary .doc-download { background: var(--lumiere); color: var(--profond); }
html[data-theme="nouveau"] .report-download-card:hover { border-color: var(--lumiere); box-shadow: 0 10px 22px rgba(24, 66, 132, .12); }
html[data-theme="nouveau"] .report-download-card span { color: var(--profond); }
html[data-theme="nouveau"] .report-download-card em { color: var(--profond); }
html[data-theme="nouveau"] .code-pill { background: var(--voile); color: var(--profond); }
html[data-theme="nouveau"] .config-preview { background: var(--voile); }

/* ── Glossaire ────────────────────────────────────────────────────────── */
html[data-theme="nouveau"] .glossaire-section { background: var(--voile); border-top: 0; }
html[data-theme="nouveau"] .glossaire-dl dt { color: var(--profond); border-left-color: var(--lumiere); }

/* ── Newsletter ───────────────────────────────────────────────────────── */
html[data-theme="nouveau"] .newsletter-card { background: var(--voile2); border-color: var(--lumiere); border-radius: 6px; }
html[data-theme="nouveau"] .newsletter-text h2 { color: var(--profond); }
html[data-theme="nouveau"] .newsletter-text p { color: #1d3a6b; }
html[data-theme="nouveau"] .newsletter-form input[type="email"] { border-color: #9fc7ee; border-radius: 4px; }
html[data-theme="nouveau"] .newsletter-form button { background: var(--profond); border-radius: 4px; }
html[data-theme="nouveau"] .newsletter-form button:hover { background: #0f2f63; }
html[data-theme="nouveau"] .newsletter-feedback { color: var(--profond); }

/* ── Pied de page ─────────────────────────────────────────────────────── */
html[data-theme="nouveau"] .site-footer {
  background-color: var(--profond);
  background-image: url("/assets/cercles-instat.svg");
  background-size: auto 220%;
  background-position: right -10% center;
  background-repeat: no-repeat;
  color: #dbe8f8;
}
html[data-theme="nouveau"] .footer-brand span,
html[data-theme="nouveau"] .footer-adresse,
html[data-theme="nouveau"] .footer-adresse a { color: #b9d6f6; }
html[data-theme="nouveau"] .footer-institution strong { color: #fff; }
html[data-theme="nouveau"] .footer-institution .bi { color: var(--lumiere); }
html[data-theme="nouveau"] .footer-copy { color: #b9d6f6; }

/* ── Assistant ────────────────────────────────────────────────────────── */
html[data-theme="nouveau"] .chatbot-button { color: var(--profond); border: 2px solid var(--lumiere); }


/* Seuil CEMAC : gris neutre à la place de l'ambre */
html[data-theme="nouveau"] .cemac-trend-threshold { stroke: #6b6b6b; }
html[data-theme="nouveau"] .cemac-trend-threshold-label { fill: #4a4a4a; }
html[data-theme="nouveau"] .cemac-trend-legend .legend-box.cemac-threshold { background: repeating-linear-gradient(90deg, #6b6b6b 0 6px, transparent 6px 10px); }
html[data-theme="nouveau"] .cemac-trend-dot.is-depassement { fill: #fff; stroke: var(--profond); stroke-width: 2; }

/* ==========================================================================
   Bulletin imprimable : uniquement bleu profond, bleu lumière, neutre, blanc
   (et leurs teintes claires : #F0F7FF, #D4E9FF, comme les encarts de la charte)
   Typographie « Wide » à la place de Times / Arial.
   ========================================================================== */
html[data-theme="nouveau"] .bulletin-body,
html[data-theme="nouveau"] .bulletin-body * { font-family: "Archivo", "Acumin Wide", "Helvetica Neue", Arial, sans-serif; }
html[data-theme="nouveau"] .bulletin-body { background: #ebebeb; font-stretch: 105%; font-weight: 500; letter-spacing: -.01em; color: #111; }
html[data-theme="nouveau"] .bulletin-toolbar { border-bottom-color: var(--neutre); }
html[data-theme="nouveau"] .bulletin-status-pill,
html[data-theme="nouveau"] .btn-print { background: var(--profond); }
html[data-theme="nouveau"] .btn-print:hover { background: #0f2f63; }
html[data-theme="nouveau"] .btn-back { color: var(--profond); border-color: var(--profond); }

/* En-tête : le drapeau tricolore laisse la place au logo INSTAT GABON */
html[data-theme="nouveau"] .masthead { border: 3px double var(--profond); }
html[data-theme="nouveau"] .mh-left { border-right-color: var(--profond); }
html[data-theme="nouveau"] .mh-right { border-left-color: var(--profond); }
html[data-theme="nouveau"] .mh-sep { color: var(--lumiere); }
html[data-theme="nouveau"] .emblem-flag { width: 170px; height: 70px; border: 0; margin: 0 auto; background: url("/assets/logo-instat.png") center / contain no-repeat; }
html[data-theme="nouveau"] .emblem-flag > div,
html[data-theme="nouveau"] .emblem-text,
html[data-theme="nouveau"] .emblem-sub { display: none; }
html[data-theme="nouveau"] .pub-title,
html[data-theme="nouveau"] .pub-footer-framed { border-color: var(--profond); }
html[data-theme="nouveau"] .pub-title { color: var(--profond); }
html[data-theme="nouveau"] .avertissement { border-color: var(--neutre); }
html[data-theme="nouveau"] .section-title { color: var(--profond); }

/* Tableaux */
html[data-theme="nouveau"] .data-table { border: 3px double var(--profond); }
html[data-theme="nouveau"] .data-table th,
html[data-theme="nouveau"] .data-table td { border-color: var(--profond); }
html[data-theme="nouveau"] .data-table .thead-top th { background: var(--voile2); color: var(--profond); }
html[data-theme="nouveau"] .data-table .thead-months th { background: var(--voile); color: var(--profond); }
html[data-theme="nouveau"] .col-m { background: var(--voile); }
html[data-theme="nouveau"] .row-total td { background: var(--voile2); color: var(--profond); }
html[data-theme="nouveau"] .row-detail td { background: #f4f4f4; color: #222; }
html[data-theme="nouveau"] .detail-code { color: #555; }
html[data-theme="nouveau"] .var-pos,
html[data-theme="nouveau"] .var-neg { color: var(--profond); font-weight: 700; }
html[data-theme="nouveau"] .no-data,
html[data-theme="nouveau"] .table-source,
html[data-theme="nouveau"] .page-number { color: #555; }

/* Graphique en barres : mois précédent = bleu profond, mois courant = bleu lumière */
html[data-theme="nouveau"] #bar-chart .axis-line { stroke: var(--neutre); }
html[data-theme="nouveau"] #bar-chart .bar-prev { fill: var(--profond); }
html[data-theme="nouveau"] #bar-chart .bar-cur { fill: var(--lumiere); }
html[data-theme="nouveau"] .legend-box.cur-month { background: var(--lumiere); }
html[data-theme="nouveau"] .legend-box.prev-month { background: var(--profond); }

/* Courbe CEMAC : courbe bleu profond, seuil en pointillés gris, dépassement = point creux */
html[data-theme="nouveau"] #cemac-chart .cemac-grid { stroke: #e3e3e3; }
html[data-theme="nouveau"] #cemac-chart .cemac-threshold-line { stroke: #6b6b6b; }
html[data-theme="nouveau"] #cemac-chart .cemac-threshold-label { fill: #333; }
html[data-theme="nouveau"] #cemac-chart .cemac-line-path { stroke: var(--profond); }
html[data-theme="nouveau"] #cemac-chart .cemac-dot.is-conforme { fill: var(--profond); }
html[data-theme="nouveau"] #cemac-chart .cemac-dot.is-depassement { fill: #fff; stroke: var(--profond); stroke-width: 2; }
html[data-theme="nouveau"] .legend-box.cemac-line { background: var(--profond); }
html[data-theme="nouveau"] .legend-box.cemac-threshold { background: repeating-linear-gradient(90deg, #6b6b6b 0 6px, transparent 6px 10px); }
html[data-theme="nouveau"] .pub-footer { border-top-color: var(--neutre); }

@media print {
  html[data-theme="nouveau"] .bulletin-body { background: #fff !important; }
  html[data-theme="nouveau"] .mh-left,
  html[data-theme="nouveau"] .mh-center { border-bottom-color: var(--profond) !important; }
  html[data-theme="nouveau"] .legend-box.cur-month { background: var(--lumiere) !important; }
  html[data-theme="nouveau"] .legend-box.prev-month { background: var(--profond) !important; }
  html[data-theme="nouveau"] .emblem-flag { background: url("/assets/logo-instat.png") center / contain no-repeat !important; }
}

/* Cartes : fond de carte en niveaux de gris (le vert et le jaune des tuiles sortent de la palette) */
html[data-theme="nouveau"] .leaflet-tile-pane { filter: grayscale(1) brightness(1.04) contrast(.95); }
html[data-theme="nouveau"] .leaflet-container { background: #ebebeb; font-family: inherit; }
html[data-theme="nouveau"] .ihpc-badge-label { font-size: .5rem; letter-spacing: 0; padding: 0 10px; }

/* Pages internes */
html[data-theme="nouveau"] .page-titre { background: var(--voile); }
html[data-theme="nouveau"] .retour-accueil { color: var(--profond); }
html[data-theme="nouveau"] .page-interne .main-nav { background: transparent; }
html[data-theme="nouveau"] #gabon-map-svg,
html[data-theme="nouveau"] #bulletin-map-svg { background: var(--voile); }
html[data-theme="nouveau"] .official-link:hover { color: var(--lumiere); }