/* Esprit Gospel — tokens.css RECONSTITUÉ (maquettes).
   Le README du système annonce un tokens.css généré depuis tokens.json, mais le fichier
   n'est pas publié dans le système. Ce fichier en reprend les valeurs du thème clair, à l'identique,
   avec les noms de variables attendus par components/bundle.css. À remplacer par le fichier officiel. */

@font-face { font-family: "Oswald"; src: url("../fonts/oswald-5.2.5-latin-wght-normal.woff2") format("woff2"); font-weight: 200 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("../fonts/source-serif-4-5.2.5-latin-wght-normal.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("../fonts/source-serif-4-5.2.5-latin-wght-italic.woff2") format("woff2"); font-weight: 200 900; font-style: italic; font-display: swap; }

:root {
  --brand: #9b0000;
  --brand-hover: #7d0000;
  --brand-deep: #5a0a0a;
  --on-brand: #ffffff;
  --brand-text: #9b0000;
  --brand-tint: #f7e8e5;
  --surface: #faf7f2;
  --surface-raised: #ffffff;
  --surface-alt: #f3ece4;
  --surface-night: #161111;
  --ink: #1c1616;
  --ink-muted: #5f5653;
  --ink-on-night: #faf7f2;
  --ink-muted-on-night: #b5aaa4;
  --line: #e3d9cf;
  --line-strong: #8c817c;
  --focus: var(--brand-text);
  --scrim: #161111b3;
  --status-success: #0e5f6e;
  --status-success-tint: #e1eff1;
  --status-warning: #7a4a00;
  --status-warning-tint: #fbefd6;
  --status-danger: #b8360a;
  --status-danger-tint: #fbe6dc;

  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-text: "Source Serif 4", Georgia, serif;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px;

  --radius-sm: 2px; --radius-md: 6px; --radius-full: 999px;
  --shadow-lift: 0 12px 32px rgba(22, 17, 17, 0.16);

  --layout-content: 1200px; --layout-text: 680px;
  --layout-gutter-sm: 16px; --layout-gutter-lg: 32px;
}

.display { font-family: var(--font-display); font-size: 80px; line-height: .95; font-weight: 600; letter-spacing: 0; }
.h1 { font-family: var(--font-display); font-size: 52px; line-height: 1; font-weight: 600; letter-spacing: 0; }
.h2 { font-family: var(--font-display); font-size: 36px; line-height: 1.1; font-weight: 500; letter-spacing: 0; }
.h3 { font-family: var(--font-display); font-size: 24px; line-height: 1.2; font-weight: 500; letter-spacing: 0; }
.eyebrow { font-family: var(--font-display); font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: .14em; }
.label { font-family: var(--font-display); font-size: 16px; line-height: 1.25; font-weight: 500; letter-spacing: .06em; }
.lead { font-family: var(--font-text); font-size: 22px; line-height: 1.5; font-weight: 400; }
.body { font-family: var(--font-text); font-size: 18px; line-height: 1.6; font-weight: 400; }
.body-sm { font-family: var(--font-text); font-size: 16px; line-height: 1.55; font-weight: 400; }
.caption { font-family: var(--font-text); font-size: 14px; line-height: 1.45; font-weight: 400; font-style: italic; }
.quote { font-family: var(--font-text); font-size: 30px; line-height: 1.3; font-weight: 400; font-style: italic; }