/**
 * Kapela — Style : Polices et jetons des deux thèmes (Maison, Terre)
 * Auteur : Jacks Ngalangala
 */

/* Kapela — feuille de style unique. Deux thèmes : Maison (classique) et Terre (chaleureux).
   Toutes les pages utilisent les mêmes composants ; seuls les jetons changent d'un thème à l'autre. */

@font-face {
  font-family: Manrope;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/manrope-latin-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: Manrope;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-latin-500-normal.woff2) format('woff2');
}
@font-face {
  font-family: Manrope;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/manrope-latin-600-normal.woff2) format('woff2');
}
@font-face {
  font-family: Manrope;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-latin-700-normal.woff2) format('woff2');
}
@font-face {
  font-family: Manrope;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/manrope-latin-800-normal.woff2) format('woff2');
}
@font-face {
  font-family: Geist;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/geist-sans-latin-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: Geist;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/geist-sans-latin-500-normal.woff2) format('woff2');
}
@font-face {
  font-family: Geist;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/geist-sans-latin-600-normal.woff2) format('woff2');
}
@font-face {
  font-family: Geist;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/geist-sans-latin-700-normal.woff2) format('woff2');
}
@font-face {
  font-family: Geist;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/geist-sans-latin-800-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Bodoni Moda';
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/bodoni-moda-latin-500-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Bodoni Moda';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(/fonts/bodoni-moda-latin-400-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Bodoni Moda';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url(/fonts/bodoni-moda-latin-500-italic.woff2) format('woff2');
}

/* ───────── Jetons ───────── */
:root,
.t-maison {
  --bg: #f4f1ea;
  --surf: #fbfaf6;
  --surf2: #ffffff;
  --ink: #1a1714;
  --muted: #6b6359;
  --line: #e2dcd0;
  --line2: #ece7dc;
  --dark: #1a1714;
  --dark2: #26211c;
  --dark-line: #3a342d;
  --dark-t: #f4f1ea;
  --dark-m: #a79e92;
  --acc: #c4501a;
  --acc-t: #ffffff;
  --hi: #c4501a;
  --hi-t: #ffffff;
  --gold: #7a6440;
  --sig: #f1e6cf;
  --ok: #2e7d4f;
  --ok-bg: #e5f0e8;
  --warn: #9a6a10;
  --warn-bg: #f7edd5;
  --bad: #b3261e;
  --bad-bg: #f6e3e1;
  --f-ui: Manrope, system-ui, sans-serif;
  --f-disp: 'Bodoni Moda', Georgia, serif;
  --disp-w: 500;
  --disp-ls: 0;
  --disp-it: italic;
  --r: 6px;
  --r-ui: 6px;
  --r-card: 6px;
  --r-pop: 8px;
  --cap-ls: 2.2px;
  --shadow: 0 24px 48px -20px rgba(26, 23, 20, 0.28);
}
.t-terre {
  --bg: #f3eadd;
  --surf: #fffbf5;
  --surf2: #ffffff;
  --ink: #2a1f18;
  --muted: #73645a;
  --line: #e5d7c5;
  --line2: #eee4d6;
  --dark: #2a1f18;
  --dark2: #36291f;
  --dark-line: #4a3a2e;
  --dark-t: #fffbf5;
  --dark-m: #b9a795;
  --acc: #b5532e;
  --acc-t: #ffffff;
  --hi: #f0c66b;
  --hi-t: #2a1f18;
  --gold: #8c6a3e;
  --sig: #edd9ae;
  --ok: #3d7a4e;
  --ok-bg: #e3eedf;
  --warn: #94661a;
  --warn-bg: #f8e9c6;
  --bad: #b23a23;
  --bad-bg: #f6dfd6;
  --f-ui: Geist, system-ui, sans-serif;
  --f-disp: Geist, system-ui, sans-serif;
  --disp-w: 700;
  --disp-ls: -1.2px;
  --disp-it: normal;
  --r: 20px;
  --r-ui: 999px;
  --r-card: 24px;
  --r-pop: 20px;
  --cap-ls: 0.6px;
  --shadow: 0 24px 48px -20px rgba(42, 31, 24, 0.3);
}