/* Le Bon Compte — Affiche — generated from tokens.json */
@font-face { font-family: "Big Shoulders Display"; src: url("fonts/BigShouldersDisplay-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Work Sans"; src: url("fonts/WorkSans-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root, [data-theme="light"] {
  --nuit: #24164a;
  --sur-nuit: #ffffff;
  --turquoise: #7fe6d8;
  --sur-turquoise: #24164a;
  --bord-nuit: #24164a;
  --papier: #f6f4fb;
  --fiche: #ffffff;
  --encre: #1f1340;
  --encre-douce: #564a72;
  --filet: #d4cde6;
  --bordure: #857ba0;
  --solde-plus: #0b6b62;
  --solde-moins: #b23b14;
  --tendanciel: #665c80;
  --cible: #7f6200;
  --focus: #24164a;
}
[data-theme="dark"] {
  --nuit: #2c1c5c;
  --sur-nuit: #ffffff;
  --turquoise: #7fe6d8;
  --sur-turquoise: #24164a;
  --bord-nuit: #4a3a80;
  --papier: #120a26;
  --fiche: #1d1340;
  --encre: #f3f0fa;
  --encre-douce: #b9b0d3;
  --filet: #3a2e60;
  --bordure: #7d72a0;
  --solde-plus: #7fe6d8;
  --solde-moins: #ff9a6b;
  --tendanciel: #a59cc2;
  --cible: #e9c85a;
  --focus: #7fe6d8;
}
:root {
  --espace-1: 4px;
  --espace-2: 8px;
  --espace-3: 12px;
  --espace-4: 16px;
  --espace-6: 24px;
  --espace-8: 32px;
  --espace-12: 48px;
  --espace-16: 64px;
  --espace-24: 96px;
  --rayon-0: 0;
  --rayon-1: 2px;
  --rayon-2: 4px;
  --rayon-pilule: 999px;
  --largeur-texte: 680px;
  --largeur-page: 1200px;
  --font-affiche: "Big Shoulders Display", "Arial Narrow", "Roboto Condensed", sans-serif;
  --font-texte: "Work Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
}
.a-chiffre-geant { font-family: var(--font-affiche); font-size: 160px; line-height: 0.85; font-weight: 900; }
.a-titre-1 { font-family: var(--font-affiche); font-size: 72px; line-height: 0.92; font-weight: 900; letter-spacing: 0.005em; }
.a-titre-2 { font-family: var(--font-affiche); font-size: 44px; line-height: 0.95; font-weight: 800; letter-spacing: 0.01em; }
.a-titre-3 { font-family: var(--font-affiche); font-size: 28px; line-height: 1.0; font-weight: 800; letter-spacing: 0.01em; }
.a-chiffre { font-family: var(--font-affiche); font-size: 40px; line-height: 1.0; font-weight: 800; }
.t-chapo { font-family: var(--font-texte); font-size: 20px; line-height: 31px; font-weight: 500; }
.t-texte { font-family: var(--font-texte); font-size: 17px; line-height: 28px; font-weight: 400; }
.t-montant { font-family: var(--font-texte); font-size: 17px; line-height: 24px; font-weight: 600; }
.t-note { font-family: var(--font-texte); font-size: 14px; line-height: 21px; font-weight: 400; }
.t-etiquette { font-family: var(--font-texte); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; }