/**
 * Jetons du design system Albin Michel (artefact « Albin Michel », tokens.json)
 * et rôles sémantiques `--u-*` que chaque univers redéfinit.
 *
 * Règle : les composants ne lisent que les `--u-*`. Un univers change de
 * peau en redéfinissant ces rôles sous [data-univers-preset="…"] ; les
 * couleurs saisies dans le BO arrivent en style inline sur <body>.
 */
:root {
  /* Palette de la marque */
  --am-red: #ed1c2e;
  --am-dark-red: #c50e1e;
  --am-black: #000;
  --am-white: #fff;
  --am-grey: #9999a1;
  --am-light-grey: #f8f8f8;
  --am-warm-grey: #e0ded8;
  --am-dark-grey: #3a4246;
  --am-yellow: #ffd205;

  /* Typographie */
  --am-font-title: "Georgia", Arial, sans-serif;
  --am-font-base: "Lato", Arial, sans-serif;

  /* Formes et élévation */
  --am-radius: 4px;
  --am-radius-card: 4px;
  --am-radius-pill: 40px;
  --am-button-radius: 4px 0 4px 4px;
  --am-shadow-cover: 4px 4px 12px rgba(0, 0, 0, 0.25);
  --am-shadow-menu: 0 4px 25px rgba(0, 0, 0, 0.25);
  --am-shadow-red: 0 14px 40px -8px rgba(197, 14, 30, 0.35);

  /* Mise en page pleine largeur : gouttière fluide, largeur de lecture */
  --page-gutter: clamp(16px, 4vw, 64px);
  --page-max: 1680px;
  --header-height: 64px;
}

@media (min-width: 1100px) {
  :root {
    --header-height: 76px;
  }
}

body {
  /* Couleurs */
  --u-accent: var(--am-red);              /* titres 24px+, bouton, filets */
  --u-accent-strong: var(--am-dark-red);  /* texte accentué < 24px (6:1) */
  --u-on-accent: var(--am-white);
  --u-surface: var(--am-white);
  --u-surface-alt: var(--am-light-grey);
  --u-ink: var(--am-black);
  --u-ink-muted: #6b6b73;                 /* 5,3:1 sur blanc, remplace `grey` pour le texte */
  --u-rule: var(--am-warm-grey);
  --u-book-title: var(--am-red);

  /* Bandeau d'en-tête (PageTitle, barre d'univers) */
  --u-band-bg: var(--am-black);
  --u-band-ink: var(--am-white);
  --u-band-title: var(--am-red);

  /* Typographie */
  --u-font-title: var(--am-font-title);
  --u-font-base: var(--am-font-base);
  --u-title-weight: 400;
  --u-title-transform: none;

  /* Formes */
  --u-radius: var(--am-radius);
  --u-radius-card: var(--am-radius-card);
  --u-button-radius: var(--am-button-radius);
  --u-chip-radius: var(--am-radius);
  --u-cover-radius: 0;
  --u-cover-shadow: var(--am-shadow-cover);
  /* Survol : la couverture s'entrouvre sur sa première page (.BookOpen),
     de cet angle. La réduction compense l'agrandissement dû à la
     perspective : la couverture ne sort jamais de son cadre (la page,
     dessous, est réduite d'autant). */
  --u-cover-open: -14deg;
  --u-cover-scale: 0.965;
  --u-focus: var(--am-dark-red);
}