/* La Veille éco — mise en page « cahier » : petits carreaux, marge rouge, stylo bleu et surligneur. */
@font-face { font-family: 'Caveat'; src: url(fonts/caveat-latin-600-normal.woff2) format('woff2'); font-weight: 400 600; font-display: swap; }
@font-face { font-family: 'Caveat'; src: url(fonts/caveat-latin-700-normal.woff2) format('woff2'); font-weight: 700 900; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url(fonts/nunito-latin-400-normal.woff2) format('woff2'); font-weight: 400 500; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url(fonts/nunito-latin-400-italic.woff2) format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url(fonts/nunito-latin-600-normal.woff2) format('woff2'); font-weight: 600 700; font-display: swap; }
@font-face { font-family: 'Nunito'; src: url(fonts/nunito-latin-800-normal.woff2) format('woff2'); font-weight: 800 900; font-display: swap; }

html[data-theme='cahier'] {
  --fond: #fbfaf5;
  --carte: #ffffff;
  --encre: #1f2a44;
  --encre-2: #3b4766;
  --encre-3: #76809c;
  --filet: #dfe5f1;
  --rouge: #e0393e;
  --violet: #2f5bd3;
  --stylo: #2f5bd3;
  --surligneur: rgba(255, 228, 0, .55);
  --degrade: linear-gradient(#2f5bd3, #2f5bd3);
  --ombre: 1px 2px 0 rgba(31, 42, 68, .07), 0 6px 16px rgba(31, 42, 68, .06);
  --ombre-forte: 2px 4px 0 rgba(31, 42, 68, .08), 0 14px 30px rgba(31, 42, 68, .1);
  --r: 6px;
  --r-petit: 5px;
  --titre: 'Caveat', 'Segoe Print', 'Comic Sans MS', cursive;
  --texte: 'Nunito', 'Segoe UI', system-ui, sans-serif;
  --c: #2f5bd3; --c-doux: #fff7c2; --c-fonce: #2f5bd3;
  --export-fond: #ffffff; --export-accent: #2f5bd3;
}
/* une couleur de surligneur par rubrique */
html[data-theme='cahier'] .cat-croissance { --c: #2f5bd3; --c-doux: #fff3a6; --surligneur: rgba(255, 228, 0, .55); }
html[data-theme='cahier'] .cat-emploi { --c: #1e8a6e; --c-doux: #d2f6e5; --surligneur: rgba(80, 230, 160, .45); }
html[data-theme='cahier'] .cat-finances { --c: #c26a00; --c-doux: #ffe3c4; --surligneur: rgba(255, 160, 50, .45); }
html[data-theme='cahier'] .cat-monnaie { --c: #2f5bd3; --c-doux: #d6e6ff; --surligneur: rgba(90, 170, 255, .4); }
html[data-theme='cahier'] .cat-prix { --c: #c2185b; --c-doux: #ffd9e8; --surligneur: rgba(255, 110, 170, .38); }
html[data-theme='cahier'] .cat-exterieur { --c: #7b3fbf; --c-doux: #eadcff; --surligneur: rgba(170, 120, 255, .35); }
html[data-theme='cahier'] .cat-veille, html[data-theme='cahier'] .cat-carre { --c: #2f5bd3; --c-doux: #fff3a6; --surligneur: rgba(255, 228, 0, .55); }

html[data-theme='cahier'] body {
  background-color: var(--fond);
  background-image: linear-gradient(rgba(120, 150, 210, .2) 1px, transparent 1px), linear-gradient(90deg, rgba(120, 150, 210, .2) 1px, transparent 1px);
  background-size: 22px 22px;
  font: 16.5px/1.62 var(--texte);
}
html[data-theme='cahier'] body::before { inset: 0 auto 0 52px; width: 2px; height: auto; background: rgba(224, 57, 62, .4); border-radius: 0; }
html[data-theme='cahier'] h1, html[data-theme='cahier'] h2, html[data-theme='cahier'] h3, html[data-theme='cahier'] h4 { font-family: var(--titre); font-weight: 700; letter-spacing: 0; line-height: 1.05; }
html[data-theme='cahier'] h1 { font-size: clamp(42px, 6vw, 68px); }
html[data-theme='cahier'] h2 { font-size: 34px; }
html[data-theme='cahier'] h3 { font-size: 28px; }
html[data-theme='cahier'] a { color: var(--stylo); }
html[data-theme='cahier'] .surtitre { font: 800 12px/1.3 var(--texte); letter-spacing: .1em; color: var(--rouge); }

/* en-tête : comme le haut d'une page de cahier */
html[data-theme='cahier'] .entete { background: rgba(255, 255, 255, .9); border-bottom: 2px solid rgba(224, 57, 62, .45); }
html[data-theme='cahier'] .marque-titre { font: 700 34px/1 var(--titre); letter-spacing: 0; }
html[data-theme='cahier'] .marque-titre em { background: linear-gradient(transparent 52%, var(--surligneur) 52%); -webkit-background-clip: border-box; background-clip: border-box; color: var(--stylo); padding: 0 4px; }
html[data-theme='cahier'] .nav a { font: 700 23px/1 var(--titre); color: var(--encre-2); padding: 6px 12px; }
html[data-theme='cahier'] .nav a:hover { background: transparent; color: var(--stylo); }
html[data-theme='cahier'] .nav a[aria-current='page'] { background: transparent; color: var(--stylo); box-shadow: inset 0 0 0 2px var(--stylo); border-radius: 46% 54% 52% 48% / 58% 44% 56% 42%; }
html[data-theme='cahier'] .prof-avatar { background: var(--stylo); box-shadow: none; font-family: var(--titre); font-size: 19px; }
html[data-theme='cahier'] .prof-nom { font: 700 21px/1 var(--titre); }
html[data-theme='cahier'] .theme-bouton { border: 1.5px solid var(--encre-2); border-radius: 8px; }
html[data-theme='cahier'] .theme-menu { border-radius: 8px; }
html[data-theme='cahier'] .theme-menu button { border-radius: 8px; }
html[data-theme='cahier'] .theme-menu button[aria-checked='true'] { border-color: var(--stylo); }
html[data-theme='cahier'] .theme-menu button b { font: 700 22px/1 var(--titre); }

/* cartes : des feuilles posées sur le cahier, avec un bout de ruban adhésif */
html[data-theme='cahier'] .carte, html[data-theme='cahier'] .vide, html[data-theme='cahier'] .entree-carte, html[data-theme='cahier'] .rubrique, html[data-theme='cahier'] .tuile, html[data-theme='cahier'] .carte-carre {
  background: #fff; border: 1px solid #d9dfeb; border-radius: 4px; box-shadow: var(--ombre);
}
html[data-theme='cahier'] .carte-graph, html[data-theme='cahier'] .entree-carte, html[data-theme='cahier'] .rubrique { position: relative; overflow: visible; }
html[data-theme='cahier'] .carte-graph::before, html[data-theme='cahier'] .entree-carte::before, html[data-theme='cahier'] .rubrique::before {
  content: ''; position: absolute; top: -10px; left: 50%; width: 96px; height: 22px; transform: translateX(-50%) rotate(-2deg);
  background: rgba(255, 235, 150, .62); border-left: 1px dashed rgba(0, 0, 0, .06); border-right: 1px dashed rgba(0, 0, 0, .06); pointer-events: none;
}
html[data-theme='cahier'] .entree-carte:nth-child(3n+2)::before, html[data-theme='cahier'] .rubrique:nth-child(3n+2)::before { transform: translateX(-50%) rotate(2.5deg); background: rgba(190, 225, 255, .65); }
html[data-theme='cahier'] .entree-carte:nth-child(3n)::before, html[data-theme='cahier'] .rubrique:nth-child(3n)::before { transform: translateX(-50%) rotate(-1deg); background: rgba(255, 200, 220, .6); }
html[data-theme='cahier'] .tuile::after { height: 0; }
html[data-theme='cahier'] .tuile-val, html[data-theme='cahier'] .mini b, html[data-theme='cahier'] .bandeau-chiffres b { font-family: var(--titre); font-size: 44px; font-weight: 700; }
html[data-theme='cahier'] .mini b { font-size: 34px; }
html[data-theme='cahier'] .tuile-ico, html[data-theme='cahier'] .pastille-ico { background: var(--c-doux); border-radius: 50%; }
html[data-theme='cahier'] .rubrique-ico, html[data-theme='cahier'] .bandeau-ico, html[data-theme='cahier'] .carte-carre-ico { border-radius: 50%; box-shadow: none; }
html[data-theme='cahier'] .rubrique h3 { font-size: 34px; }
html[data-theme='cahier'] .entree-carte h3 { font-size: 30px; }

/* surligneur sur les grands titres */
html[data-theme='cahier'] .bandeau h1, html[data-theme='cahier'] .section-tete h2, html[data-theme='cahier'] .hero h1 a {
  background: linear-gradient(transparent 58%, var(--surligneur) 58%, var(--surligneur) 92%, transparent 92%); -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
html[data-theme='cahier'] .bandeau h1, html[data-theme='cahier'] .section-tete h2 { width: fit-content; }
html[data-theme='cahier'] .hero {
  background: #fff; color: var(--encre); border: 1px solid #d9dfeb; border-radius: 4px; box-shadow: var(--ombre-forte);
  background-image: repeating-linear-gradient(transparent 0 31px, rgba(120, 150, 210, .28) 31px 32px);
}
html[data-theme='cahier'] .hero h1 { font-size: clamp(40px, 5vw, 64px); }
html[data-theme='cahier'] .hero h1 a { color: var(--encre); }
html[data-theme='cahier'] .hero-badge { background: transparent; border: 2px solid var(--rouge); color: var(--rouge); border-radius: 6px; transform: rotate(-2deg); }
html[data-theme='cahier'] .hero-resume { color: var(--encre-2); }
html[data-theme='cahier'] .bulle { display: none; }
html[data-theme='cahier'] .hero-chiffre { background: #fff8b8; color: var(--encre); border-radius: 2px; transform: translateY(-50%) rotate(3deg); box-shadow: 0 12px 26px rgba(31, 42, 68, .18); }
html[data-theme='cahier'] .hero-chiffre b { font: 700 64px/1 var(--titre); background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--rouge); }
html[data-theme='cahier'] .bouton.blanc { background: var(--stylo); color: #fff; }
html[data-theme='cahier'] .bandeau, html[data-theme='cahier'] .cat-veille.bandeau, html[data-theme='cahier'] .cat-carre.bandeau { background: rgba(255, 255, 255, .7); border: 1px dashed #c7d0e3; border-radius: 6px; }
html[data-theme='cahier'] .bandeau-chiffres span { border-radius: 4px; border: 1px solid #d9dfeb; box-shadow: none; }
html[data-theme='cahier'] .bandeau-chiffres b { font-size: 40px; color: var(--c); }

/* stylos, boutons, étiquettes */
html[data-theme='cahier'] .bouton, html[data-theme='cahier'] .puce, html[data-theme='cahier'] details.tableau summary, html[data-theme='cahier'] .leg-btn, html[data-theme='cahier'] .onglets a {
  border-radius: 8px;
}
html[data-theme='cahier'] .bouton.plein, html[data-theme='cahier'] .carre-annees .puce[aria-pressed='true'], html[data-theme='cahier'] .puce[aria-pressed='true'] { background: var(--stylo); color: #fff; box-shadow: none; }
html[data-theme='cahier'] .onglets a[aria-current='true'] { background: var(--c); }
html[data-theme='cahier'] .onglets a:first-child[aria-current='true'] { background: var(--encre); }
html[data-theme='cahier'] .etiq { background: var(--c-doux); color: var(--encre); border-radius: 3px; font-weight: 700; }
html[data-theme='cahier'] .segmente { border-radius: 10px; }
html[data-theme='cahier'] .segmente .puce[aria-pressed='true'] { background: #fff; color: var(--stylo); }
html[data-theme='cahier'] .carte-note { background: #fffbe0; border-left: 3px solid #f2c94c; border-radius: 2px; }
html[data-theme='cahier'] .exercice { border: 1px solid #d9dfeb; border-top: 0; background: #fff; background-image: repeating-linear-gradient(transparent 0 27px, rgba(120, 150, 210, .25) 27px 28px); }
html[data-theme='cahier'] .exercice-badge { background: var(--rouge); border-radius: 4px; transform: rotate(-2deg); }
html[data-theme='cahier'] .exercice h3 { font-size: 32px; }
html[data-theme='cahier'] .points li::before { background: none; content: '✓'; color: var(--c); font-weight: 800; transform: none; top: 0; width: auto; height: auto; }
html[data-theme='cahier'] .annee-geante { font-family: var(--titre); font-weight: 700; font-size: 58px; }
html[data-theme='cahier'] .viz-carre-nom { font: 700 20px var(--titre); }
html[data-theme='cahier'] .barre-periode { border-radius: 10px; }
html[data-theme='cahier'] .barre-pays { border-radius: 10px; }
html[data-theme='cahier'] .pied { background: #1f2a44; }

@media (max-width: 720px) {
  html[data-theme='cahier'] body::before { left: 8px; }
  html[data-theme='cahier'] .nav a { font-size: 21px; }
  html[data-theme='cahier'] .hero-chiffre { transform: rotate(2deg); position: static; margin-top: 10px; }
}
html[data-theme='cahier'] .cat-conjoncture { --c: #3d8b37; --c-doux: #e2f5d8; --surligneur: rgba(140, 220, 90, .4); }