/* ============================================================
   typo-mono.css — Space Mono sur boutons + petits labels / méta.
   Satoshi (var(--f)/--fd) reste la police PRINCIPALE : titres,
   corps de texte, champs de saisie et données de tableau.
   Ce fichier est chargé EN DERNIER (après auraos / glass-unified /
   design-rexora / mobile-foundations) pour gagner la cascade sur
   leurs « font-family: var(--f) !important » (ex. auraos.css:588
   `button, .btn { font-family: var(--f) !important }`).
   App (base.html) + landing (auth/pricing.html).
   ============================================================ */
:root {
  --f-mono: 'Space Mono', ui-monospace, 'SFMono-Regular', monospace;
  /* Police des BOUTONS : Syne (Google Fonts, chargée dans base.html,
     pricing.html et login.html) */
  --f-btn: 'Syne', var(--fd, 'Space Grotesk'), sans-serif;
}

/* — Boutons : Syne — */
.btn, .btn-primary, .btn-secondary,
.btn-primary-strato, .btn-secondary-strato, .btn-strato, .btn-danger-strato,
.btn-ghost, .btn-pill-action, .btn-glass-pill,
.pd-btn-facture, .pd-btn-devis, .profil-btn-save, .profil-btn-cancel, .sd-btn-apply,
button[type="submit"],
.lp-btn {                       /* landing */
  font-family: var(--f-btn) !important;
}

/* — Labels de formulaire — */
label, .form-label, .field-label, .profil-label, .pd-ci-label {
  font-family: var(--f-mono) !important;
}

/* — Micro-labels / méta (souvent en MAJUSCULES) — */
.kpi-label, .pd-kpi-label, .pd-kpis-label,
.sidebar-section-title, .nav-group-header,
.theme-popover-label,
.lp-eyebrow {                   /* landing */
  font-family: var(--f-mono) !important;
}

/* — En-têtes de tableau (les données td restent en Satoshi) — */
table th, .table-strato thead th, .projects-table th, .pd-factures-table thead th {
  font-family: var(--f-mono) !important;
}

/* — Badges / tags / pills / puces — */
.status-badge, .badge, .badge-pill, .pd-f-badge, .phase-badge, .priorite-badge,
.client-badge, .status-pill, .filter-pill, .tag, .chip,
.lp-tag {                       /* landing */
  font-family: var(--f-mono) !important;
}
