/* La Veille éco — mise en page « pop » (néo-brutalisme) : couleurs vives, contours noirs épais, ombres pleines. */
@font-face { font-family: 'Archivo Black'; src: url(fonts/archivo-black-latin-400-normal.woff2) format('woff2'); font-weight: 400 900; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url(fonts/space-grotesk-latin-400-normal.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url(fonts/space-grotesk-latin-500-normal.woff2) format('woff2'); font-weight: 500 600; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url(fonts/space-grotesk-latin-700-normal.woff2) format('woff2'); font-weight: 700 900; font-display: swap; }

html[data-theme='pop'] {
  --fond: #fff4dc;
  --carte: #ffffff;
  --encre: #111111;
  --encre-2: #262626;
  --encre-3: #555555;
  --filet: #111111;
  --rouge: #ff4d4d;
  --violet: #7c5cff;
  --jaune: #ffd23f;
  --rose: #ff6fb5;
  --degrade: linear-gradient(#111, #111);
  --ombre: 4px 4px 0 #111;
  --ombre-forte: 7px 7px 0 #111;
  --bord: 2.5px solid #111;
  --r: 14px;
  --r-petit: 10px;
  --titre: 'Archivo Black', 'Arial Black', Impact, sans-serif;
  --texte: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --c: #7c5cff; --c-doux: #e6deff; --c-fonce: #111111;
  --export-fond: #ffffff; --export-poids-titre: 400; --export-accent: #111111;
}
html[data-theme='pop'] .cat-croissance { --c: #a78bfa; --c-doux: #ede6ff; --c-fonce: #111; }
html[data-theme='pop'] .cat-emploi { --c: #5ce1a2; --c-doux: #d8f8e8; --c-fonce: #111; }
html[data-theme='pop'] .cat-finances { --c: #ffd23f; --c-doux: #fff3c4; --c-fonce: #111; }
html[data-theme='pop'] .cat-monnaie { --c: #3ec5ff; --c-doux: #d6f2ff; --c-fonce: #111; }
html[data-theme='pop'] .cat-prix { --c: #ff6fb5; --c-doux: #ffe0ef; --c-fonce: #111; }
html[data-theme='pop'] .cat-exterieur { --c: #ff8a3d; --c-doux: #ffe5d3; --c-fonce: #111; }
html[data-theme='pop'] .cat-veille, html[data-theme='pop'] .cat-carre { --c: #ffd23f; --c-doux: #fff3c4; --c-fonce: #111; }

html[data-theme='pop'] body {
  background-color: var(--fond);
  background-image: radial-gradient(rgba(17, 17, 17, .13) 1.2px, transparent 1.4px);
  background-size: 22px 22px;
  font: 16.5px/1.6 var(--texte);
}
html[data-theme='pop'] body::before { display: none; }
html[data-theme='pop'] h1, html[data-theme='pop'] h2, html[data-theme='pop'] h3, html[data-theme='pop'] h4 { font-family: var(--titre); font-weight: 400; letter-spacing: -.01em; line-height: 1.08; }
html[data-theme='pop'] h1 { font-size: clamp(32px, 4.6vw, 54px); }
html[data-theme='pop'] h3 { font-size: 19px; }
html[data-theme='pop'] a { color: var(--encre); text-decoration-thickness: 2px; }
html[data-theme='pop'] .surtitre { color: var(--encre); background: var(--jaune); border: 2px solid #111; padding: 3px 8px; border-radius: 6px; display: inline-block; }
html[data-theme='pop'] :focus-visible { outline: 3px solid #111; outline-offset: 3px; }

/* en-tête */
html[data-theme='pop'] .entete { background: var(--jaune); backdrop-filter: none; border-bottom: 3px solid #111; }
html[data-theme='pop'] .logo { background: #fff; border: 2.5px solid #111; border-radius: 10px; padding: 4px 8px; box-shadow: 3px 3px 0 #111; }
html[data-theme='pop'] .marque { border-left: 0; }
html[data-theme='pop'] .marque-titre { font: 400 24px/1 var(--titre); }
html[data-theme='pop'] .marque-titre em { background: var(--rose); -webkit-background-clip: border-box; background-clip: border-box; color: #111; border: 2px solid #111; border-radius: 6px; padding: 0 5px; margin-left: 2px; display: inline-block; transform: rotate(-3deg); }
html[data-theme='pop'] .marque-sous { color: #111; font-weight: 500; }
html[data-theme='pop'] .nav a { color: #111; font-weight: 700; border: 2.5px solid transparent; border-radius: 10px; }
html[data-theme='pop'] .nav a:hover { background: #fff; border-color: #111; }
html[data-theme='pop'] .nav a[aria-current='page'] { background: #111; color: #fff; border-color: #111; box-shadow: 3px 3px 0 var(--rose); }
html[data-theme='pop'] .entete-droite { border-left: 0; }
html[data-theme='pop'] .prof-avatar { background: var(--rose); color: #111; border: 2.5px solid #111; box-shadow: 2px 2px 0 #111; font-family: var(--titre); font-weight: 400; }
html[data-theme='pop'] .prof-nom { font: 700 14.5px/1.2 var(--texte); }
html[data-theme='pop'] .prof-nom small { color: #111; }
html[data-theme='pop'] .theme-bouton { background: #fff; border: 2.5px solid #111; border-radius: 10px; color: #111; font-weight: 700; box-shadow: 3px 3px 0 #111; }
html[data-theme='pop'] .theme-bouton:hover, html[data-theme='pop'] .theme-bouton[aria-expanded='true'] { background: var(--rose); color: #111; }
html[data-theme='pop'] .theme-menu { border: 3px solid #111; border-radius: 14px; box-shadow: 6px 6px 0 #111; }
html[data-theme='pop'] .theme-menu button { border-radius: 10px; }
html[data-theme='pop'] .theme-menu button[aria-checked='true'] { border-color: #111; background: var(--jaune); }
html[data-theme='pop'] .theme-menu button b { font: 400 15px var(--titre); }
html[data-theme='pop'] .pied { background: #111; color: #eee; border-top: 3px solid #111; }

/* blocs : contour noir + ombre pleine */
html[data-theme='pop'] .carte, html[data-theme='pop'] .vide, html[data-theme='pop'] .entree-carte, html[data-theme='pop'] .rubrique, html[data-theme='pop'] .tuile,
html[data-theme='pop'] .carte-carre, html[data-theme='pop'] .barre-periode, html[data-theme='pop'] .barre-pays, html[data-theme='pop'] .feuille {
  background: #fff; border: var(--bord); border-radius: var(--r); box-shadow: var(--ombre);
}
html[data-theme='pop'] .entree-carte:hover, html[data-theme='pop'] .rubrique:hover, html[data-theme='pop'] .tuile:hover, html[data-theme='pop'] .carte-carre:hover {
  transform: translate(-3px, -3px); box-shadow: var(--ombre-forte);
}
html[data-theme='pop'] .tuile { background: var(--c-doux); }
html[data-theme='pop'] .tuile::after { display: none; }
html[data-theme='pop'] .tuile-val, html[data-theme='pop'] .mini b, html[data-theme='pop'] .bandeau-chiffres b, html[data-theme='pop'] .annee-geante { font-family: var(--titre); font-weight: 400; color: #111; background: none; -webkit-background-clip: border-box; background-clip: border-box; }
html[data-theme='pop'] .tuile-ico, html[data-theme='pop'] .pastille-ico { background: var(--c); color: #111; border: 2px solid #111; border-radius: 9px; }
html[data-theme='pop'] .tuile-tranche { background: var(--c-doux); }
html[data-theme='pop'] .rubrique { background: var(--c-doux); }
html[data-theme='pop'] .rubrique-ico, html[data-theme='pop'] .bandeau-ico, html[data-theme='pop'] .carte-carre-ico,
html[data-theme='pop'] .cat-veille .bandeau-ico, html[data-theme='pop'] .cat-carre .bandeau-ico {
  background: var(--c); color: #111; border: 2.5px solid #111; border-radius: 12px; box-shadow: 3px 3px 0 #111;
}
html[data-theme='pop'] .rubrique-cours { color: #111; }
html[data-theme='pop'] .hero {
  background: var(--c, var(--rose)); color: #111; border: 3px solid #111; border-radius: 20px; box-shadow: 8px 8px 0 #111;
}
html[data-theme='pop'] .hero h1 a { color: #111; }
html[data-theme='pop'] .hero-badge { background: #fff; color: #111; border: 2px solid #111; box-shadow: 2px 2px 0 #111; }
html[data-theme='pop'] .hero-resume { color: #111; }
html[data-theme='pop'] .bulle { background: #fff; border: 2.5px solid #111; opacity: .9; }
html[data-theme='pop'] .b3 { background: var(--jaune); }
html[data-theme='pop'] .hero-chiffre { border: 3px solid #111; border-radius: 16px; box-shadow: 6px 6px 0 #111; }
html[data-theme='pop'] .hero-chiffre b { font-family: var(--titre); font-weight: 400; background: none; -webkit-background-clip: border-box; background-clip: border-box; color: #111; }
html[data-theme='pop'] .bouton.blanc { background: #fff; }
html[data-theme='pop'] .bandeau, html[data-theme='pop'] .cat-veille.bandeau, html[data-theme='pop'] .cat-carre.bandeau { background: var(--c-doux); border: 3px solid #111; border-radius: 20px; box-shadow: 6px 6px 0 #111; }
html[data-theme='pop'] .bandeau p { color: #111; }
html[data-theme='pop'] .bandeau-chiffres span { background: #fff; border: 2.5px solid #111; border-radius: 12px; box-shadow: 3px 3px 0 #111; color: #111; }
html[data-theme='pop'] .article .bandeau .etiq { background: #fff; }

/* boutons et étiquettes */
html[data-theme='pop'] .bouton, html[data-theme='pop'] .puce, html[data-theme='pop'] details.tableau summary, html[data-theme='pop'] .onglets a,
html[data-theme='pop'] .leg-btn, html[data-theme='pop'] .puce-pays, html[data-theme='pop'] .ajout-pays, html[data-theme='pop'] .champ select,
html[data-theme='pop'] .choix-pays-carre select, html[data-theme='pop'] .recherche input {
  background: #fff; color: #111; border: 2px solid #111; border-radius: 10px; box-shadow: 2px 2px 0 #111; font-weight: 600;
}
html[data-theme='pop'] .bouton:hover, html[data-theme='pop'] .puce:hover, html[data-theme='pop'] .onglets a:hover, html[data-theme='pop'] .leg-btn:hover {
  transform: translate(-1px, -1px); box-shadow: 3px 3px 0 #111; background: var(--jaune);
}
html[data-theme='pop'] .bouton:active, html[data-theme='pop'] .puce:active { transform: translate(2px, 2px); box-shadow: 0 0 0 #111; }
html[data-theme='pop'] .onglets a .ico { color: #111; }
html[data-theme='pop'] .onglets a[aria-current='true'] { background: var(--c); color: #111; }
html[data-theme='pop'] .onglets a[aria-current='true'] .ico { color: #111; }
html[data-theme='pop'] .onglets a:first-child[aria-current='true'] { background: #111; color: #fff; }
html[data-theme='pop'] .puce[aria-pressed='true'], html[data-theme='pop'] .carre-annees .puce[aria-pressed='true'], html[data-theme='pop'] .bouton.plein {
  background: #111; color: #fff; box-shadow: 2px 2px 0 var(--rose);
}
html[data-theme='pop'] .segmente, html[data-theme='pop'] .type-graph { background: #fff; border: 2px solid #111; border-radius: 12px; box-shadow: 2px 2px 0 #111; }
html[data-theme='pop'] .segmente .puce { border: 0; box-shadow: none; background: transparent; }
html[data-theme='pop'] .segmente .puce[aria-pressed='true'], html[data-theme='pop'] .type-graph button[aria-pressed='true'] { background: var(--jaune); color: #111; box-shadow: none; }
html[data-theme='pop'] .type-graph button { border-radius: 8px; color: #111; }
html[data-theme='pop'] .etiq { background: var(--c-doux); color: #111; border: 2px solid #111; border-radius: 8px; font-weight: 700; }
html[data-theme='pop'] .source { border: 2px solid #111; color: #111; background: var(--jaune) !important; }
html[data-theme='pop'] .source.src-BCE { background: #3ec5ff !important; }
html[data-theme='pop'] .source.src-BCL { background: #5ce1a2 !important; }
html[data-theme='pop'] .puce-pays button { background: #111; color: #fff; }
html[data-theme='pop'] .leg-btn[aria-pressed='false'] { box-shadow: none; border-style: dashed; }
html[data-theme='pop'] .carte-note { background: var(--c-doux); border: 2px solid #111; border-radius: 10px; color: #111; }
html[data-theme='pop'] .carte-note .ico { color: #111; }
html[data-theme='pop'] .carte-pied { border-top: 2px dashed #111; }
html[data-theme='pop'] .table-defile { border: 2px solid #111; border-radius: 10px; }
html[data-theme='pop'] table.donnees thead th { background: var(--jaune); color: #111; }
html[data-theme='pop'] table.donnees th, html[data-theme='pop'] table.donnees td { border-bottom-color: rgba(17, 17, 17, .15); }
html[data-theme='pop'] .ligne-surface td { background: var(--c-doux); }
html[data-theme='pop'] .bouton-word { background: #d6e6ff; }
html[data-theme='pop'] .viz-bulle { background: #111; border-radius: 10px; box-shadow: 4px 4px 0 var(--rose); }
html[data-theme='pop'] .viz-grille line { stroke: rgba(17, 17, 17, .1); }
html[data-theme='pop'] .viz-grille line.viz-zero, html[data-theme='pop'] .viz-ref-zero { stroke: #111; }
html[data-theme='pop'] .viz-ref { stroke: #111; }
html[data-theme='pop'] .viz-carre-nom { font-family: var(--titre); font-weight: 400; }
html[data-theme='pop'] .exercice { border: 3px solid #111; background: #fff; box-shadow: 6px 6px 0 #111; }
html[data-theme='pop'] .exercice-badge { background: var(--rose); color: #111; border: 2px solid #111; }
html[data-theme='pop'] .corrige { background: var(--c-doux); border: 2px solid #111; }
html[data-theme='pop'] .corrige summary { color: #111; }
html[data-theme='pop'] .points li::before { background: var(--c); border: 2px solid #111; }
html[data-theme='pop'] .lien-cours { background: var(--c-doux); }
html[data-theme='pop'] .maj { border: 3px solid var(--rouge); }
html[data-theme='pop'] .arbre .nb { background: #111; }
html[data-theme='pop'] .arbre input { accent-color: #111; }
html[data-theme='pop'] .barre-periode { top: 80px; }
html[data-theme='pop'] .barre-pays-tit svg { color: #111; }

@media (max-width: 720px) {
  html[data-theme='pop'] .barre-periode { top: auto; }
  html[data-theme='pop'] .logo { padding: 2px 6px; }
}
/* en-tête sur une ligne */
html[data-theme='pop'] .marque-titre { white-space: nowrap; }
html[data-theme='pop'] .theme-bouton { white-space: nowrap; }
html[data-theme='pop'] .prof-nom { white-space: nowrap; }
html[data-theme='pop'] .prof-nom small { display: none; }
html[data-theme='pop'] .nav a { padding: 7px 12px; }
html[data-theme='pop'] .barre-periode { top: 86px; }
@media (max-width: 720px) { html[data-theme='pop'] .barre-periode { top: auto; } }
html[data-theme='pop'] .cat-conjoncture { --c: #b6e05a; --c-doux: #f0fadb; --c-fonce: #111; }