/* Genere depuis le systeme de design Attestable. Ne pas editer a la main. */

:root, [data-theme="sombre"] {
  --surface-000: #181c22;
  --surface-100: #101317;
  --surface-200: #20252c;
  --surface-300: #2a3038;
  --bordure-100: #2c323a;
  --bordure-200: #626a74;
  --encre-100: #eceef2;
  --encre-200: #a7aeb9;
  --encre-300: #7d8591;
  --accent-100: #5aa2f5;
  --accent-200: #8cc0fa;
  --accent-faible: #16283d;
  --note-a: #4ed88a;
  --note-b: #a8d94f;
  --note-c: #e8ae4a;
  --note-d: #f58e5c;
  --note-e: #f5716b;
  --gravite-critique: #f5716b;
  --gravite-majeure: #f58e5c;
  --gravite-moderee: #e8ae4a;
  --gravite-mineure: #a7aeb9;
  --ombre-carte: 0 1px 2px rgba(0,0,0,0.4);
  --ombre-flottante: 0 8px 24px rgba(0,0,0,0.55);
}

[data-theme="clair"] {
  --surface-000: #ffffff;
  --surface-100: #f7f8fa;
  --surface-200: #eff1f5;
  --surface-300: #e3e7ed;
  --bordure-100: #dfe3ea;
  --bordure-200: #878e98;
  --encre-100: #14171c;
  --encre-200: #4d5560;
  --encre-300: #666e79;
  --accent-100: #1156b8;
  --accent-200: #0d4494;
  --accent-faible: #e4edfb;
  --note-a: #0f6b33;
  --note-b: #48690f;
  --note-c: #86560a;
  --note-d: #a63e0b;
  --note-e: #a01620;
  --gravite-critique: #a01620;
  --gravite-majeure: #a63e0b;
  --gravite-moderee: #86560a;
  --gravite-mineure: #4d5560;
  --ombre-carte: 0 1px 2px rgba(26,25,23,0.05);
  --ombre-flottante: 0 8px 24px rgba(26,25,23,0.12);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --font-display: "Instrument Serif", Georgia, serif;
  --font-sans: Inter, system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

.display-l {
  font-family: var(--font-display);
  font-size: 44px;
  line-height: 46px;
  font-weight: 400;
}
.display-m {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
}
.titre {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.sous-titre {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
}
.corps {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
}
.corps-s {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}
.etiquette {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.score {
  font-family: var(--font-mono);
  font-size: 56px;
  line-height: 56px;
  font-weight: 500;
}
.donnee {
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.donnee-s {
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}