/* Tiboum — generated from tokens.json */
:root, [data-theme="light"] {
  --ink: #2b2238;
  --ink-2: #5b5168;
  --ink-3: #6e6580;
  --paper: #fff4e4;
  --card: #fffdf8;
  --coral: #ff7a59;
  --mint: #5ed1b5;
  --butter: #ffd45c;
  --sky: #7cc6fe;
  --lilac: #b79cff;
  --good: #2fa36b;
  --good-text: #1f7a4d;
  --bad: #e5484d;
  --bad-text: #c42f35;
  --bad-soft: #ff9c8f;
  --alarm: #b3141a;
  --alarm-bg: #ffb4a8;
  --coral-tint: #fff0e0;
  --mint-tint: #e6f8f2;
  --sky-tint: #eaf4ff;
  --butter-tint: #fff6d6;
  --good-tint: #d9f6ec;
  --bad-tint: #ffe1dc;
  --lilac-tint: #ede6f5;
  --track: #eee7f3;
  --rule: #e3daea;
  --hover: #f6f0fa;
  --rarity-commun: var(--card);
  --rarity-rare: var(--sky);
  --rarity-epique: var(--lilac);
  --rarity-legendaire: var(--butter);
  --skin-1: #ffe3cf;
  --skin-2: #f8d0b0;
  --skin-3: #e9b48e;
  --skin-4: #c98e64;
  --skin-5: #8d5a3b;
  --skin-6: #5e3a26;
  --hair-1: #2b2238;
  --hair-2: #5a3825;
  --hair-3: #a0643a;
  --hair-4: #e8b04b;
  --hair-5: #e0663e;
  --hair-6: #f4a3c0;
  --hair-7: #6ec6e8;
  --hair-8: #9c7be0;
  --eye-1: #5a3825;
  --eye-2: #3b7dd8;
  --eye-3: #3fa36b;
  --eye-4: #8a5bd6;
  --eye-5: #2b2238;
  --eye-6: #d9862b;
  --cloth-pink: #ff8fb8;
  --cloth-forest: #3e9c6e;
  --cloth-navy: #3d4a7a;
  --cloth-rouge: #e5484d;
  --cloth-orange: #ff9f43;
  --cloth-citron: #a6e05a;
  --cloth-turquoise: #2eb8b0;
  --cloth-roi: #3b7dd8;
  --cloth-violet: #8a5bd6;
  --cloth-caramel: #a0643a;
  --cloth-gris: #b9b2c4;
  --cloth-noir: #2b2238;
  --blush: #ff8fa3;
  --mouth: #b5374a;
  --wing: #e4daff;
  --shadow-none: 0 0 0 #2b2238;
  --shadow-sm: 3px 3px 0 #2b2238;
  --shadow: 5px 5px 0 #2b2238;
  --shadow-lg: 8px 8px 0 #2b2238;
  --shadow-xl: 12px 12px 0 #2b2238;
}
:root {
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-18: 18px;
  --space-22: 22px;
  --space-26: 26px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-input: 14px;
  --radius-choice: 16px;
  --radius-mission: 18px;
  --radius-sticker: 22px;
  --radius-stage: 28px;
  --radius-logo: 34px;
  --radius-pill: 999px;
  --line: 3px;
  --line-thin: 2px;
  --line-char: 3.5px;
  --font-display: Grandstander, Nunito, system-ui, sans-serif;
  --font-body: Nunito, system-ui, sans-serif;
}
.display { font-family: var(--font-display); font-size: 2.8rem; line-height: 1; font-weight: 900; letter-spacing: -0.01em; }
.kid-name { font-family: var(--font-display); font-size: 1.7rem; line-height: 1.1; font-weight: 900; }
.section { font-family: var(--font-display); font-size: 1.35rem; line-height: 1.2; font-weight: 800; }
.sub { font-family: var(--font-display); font-size: 1.08rem; line-height: 1.2; font-weight: 800; }
.reveal { font-family: var(--font-display); font-size: 2.2rem; line-height: 1; font-weight: 900; }
.clock { font-family: var(--font-display); font-size: 6.5rem; line-height: 1; font-weight: 900; }
.amount-xl { font-family: var(--font-display); font-size: 2.6rem; line-height: 1; font-weight: 900; }
.amount-lg { font-family: var(--font-display); font-size: 1.5rem; line-height: 1.1; font-weight: 900; }
.reward { font-family: var(--font-display); font-size: 1.1rem; line-height: 1.1; font-weight: 900; }
.body { font-family: var(--font-body); font-size: 1rem; line-height: 1.45; font-weight: 700; }
.mission { font-family: var(--font-body); font-size: 1.05rem; line-height: 1.25; font-weight: 800; }
.small { font-family: var(--font-body); font-size: 0.85rem; line-height: 1.35; font-weight: 600; }
.eyebrow { font-family: var(--font-body); font-size: 0.85rem; line-height: 1.2; font-weight: 800; letter-spacing: 0.08em; }
.label { font-family: var(--font-body); font-size: 0.82rem; line-height: 1.2; font-weight: 900; letter-spacing: 0.06em; }
@font-face { font-family: "Grandstander"; src: url("fonts/Grandstander-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Grandstander"; src: url("fonts/Grandstander-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Grandstander"; src: url("fonts/Grandstander-900.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("fonts/Nunito-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("fonts/Nunito-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("fonts/Nunito-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("fonts/Nunito-900.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }