/* Polices embarquées avec le site — LES VRAIES polices de la maquette The Barak,
   rendu identique sur Mac, iPhone, Android, Windows.
   Avenir Next Condensed (titres) · Avenir (lecture) · Noteworthy (manuscrit).
   Usage privé/non commercial tant qu'il n'y a pas de vente ; licences à acquérir
   au premier revenu de l'application. */

/* Titres — Avenir Next Condensed (Bold + Heavy). */
@font-face {
  font-family: 'Avenir Next Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/avenir-next-cond-bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Avenir Next Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/avenir-next-cond-heavy.woff2') format('woff2');
}

/* Lecture — Avenir (Book 400, Medium 500, Heavy 700, Black 900). */
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/avenir-book.woff2') format('woff2');
}
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/avenir-medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/avenir-heavy.woff2') format('woff2');
}
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/avenir-black.woff2') format('woff2');
}

/* Manuscrit — Noteworthy. N'intervient QUE sur les boutons et accents (voir liste blanche). */
@font-face {
  font-family: 'Noteworthy';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/noteworthy-light.woff2') format('woff2');
}

/* On surcharge les variables de la DA : chargé après la feuille de page,
   ce :root gagne, et tout le reste (couleurs, layout) reste inchangé. */
:root {
  --display: 'Avenir Next Condensed', 'Arial Narrow', 'Segoe UI', sans-serif;
  --body: 'Avenir', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  /* Fidèle à la maquette validée : le manuscrit (Noteworthy) est le trait de main
     du chrome — menu, libellés, compteurs, heures, boutons. Lisible car Noteworthy
     est presque droit (l'illisibilité d'avant venait de Caveat, pas du principe).
     Le CSS des pages utilise déjà var(--hand) là où la maquette le veut, donc
     ce simple pointage suffit. Le texte de LECTURE (paragraphes, descriptions)
     reste en var(--body) Avenir ; les TITRES en var(--display). */
  --hand: 'Noteworthy', 'Marker Felt', 'Bradley Hand', cursive;
  --script: 'Noteworthy', 'Marker Felt', 'Bradley Hand', cursive;
}

/* Accroche manuscrite au-dessus des gros titres — comme la maquette d'origine.
   Uniformisée ici : coral, penchée, manuscrite, sur toutes les pages. */
.eyebrow {
  color: var(--coral-dark, #a94633);
  font-size: clamp(15px, 3.4vw, 18px);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  transform: rotate(-1deg);
}

/* La touche manuscrite, là où c'est court, voulu et lisible : boutons + accents. */
.eyebrow, .kicker,
.brand-la, .scribble, .hand-note, .cta-note, .dialog-kicker, .demo-kicker,
.free-stamp, .beta-hook, .band-track span, .day-progress strong, .ledger-label + strong,
.cta, .login-link, .primary-button, .save-button, .save, .add-event, .main-action,
.edit-house, .choice, .scope-option, .scope-cancel, .dialog-submit, .dialog-back,
.dialog-close, .dialog-delete, .task-action, .answer-row button, .answer-yes, .text-button, .foot-logout,
.timeline-nav a, .view-switch button, .section-tabs button, .period-nav button,
.today-button, .toggle, .invite-code b, .mini, .role-choice button, .library-close,
.step span, .beta-card button, .quick-room strong, .new-room-card strong, .demo-go,
.timer-go, .event-edit, .event-delete, .dialog-card .planner-types strong {
  font-family: var(--script) !important;
}