/* Tokens copied from Alcide Studio (atlas-exercices-tool, public/tokens.css), 2026-11-01. */
@font-face {
  font-family: "Geist";
  src: url("fonts/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: light dark;
  --background: #f3f4f1;
  --background-2: #e9ebe6;
  --surface: #ffffff;
  --surface-2: #f6f7f4;
  --popover: #ffffff;
  --glass: #ffffffcc;
  --overlay: #0b0d0a52;
  --line: #0a0e0814;
  --line-strong: #878c83;
  --fill: #0a0e080d;
  --fill-2: #0a0e0817;
  --text: #0b0d0a;
  --text-2: #141812a8;
  --text-3: #14181259;
  --accent: #ff5f73;
  --accent-hover: #ff4762;
  --accent-text: #bb2a45;
  --on-accent: #1f0309;
  --accent-soft: #ff5f7324;
  --ring: var(--accent-text);
  --ion: #12b8e8;
  --ion-text: #00759f;
  --on-ion: #001a22;
  --ion-soft: #0096d21c;
  --ember: #ffb020;
  --ember-text: #8f5a00;
  --ember-soft: #ffb0201f;
  --pulse: #7b5cff;
  --pulse-text: #6a45e0;
  --pulse-soft: #7b5cff1f;
  --prisme-0: #ff7ac6;
  --prisme-1: #a98bff;
  --prisme-2: #5fd4ff;
  --prisme-3: #b8f060;
  --prisme-solid: #9370ff;
  --prisme-text: #7a2fb8;
  --on-prisme: #14001a;
  --prisme-soft: #a98bff29;
  --danger: #b4232f;
  --danger-hover: #9c1d28;
  --on-danger: #ffffff;
  --chart-line: var(--accent-text);
  --chart-area: #bb2a4514;
  --chart-body: var(--ion-text);
  --shadow-sm: 0 1px 2px #0a0e080f;
  --shadow-md: 0 4px 12px #0a0e0814, 0 1px 3px #0a0e080f;
  --shadow-lg: 0 16px 40px #0a0e081f, 0 2px 6px #0a0e0814;
  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-numeric: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-title-1-size: 28px;
  --font-title-1-line: 34px;
  --font-title-1-weight: 600;
  --font-title-1-letter-spacing: -0.56px;
  --font-title-2-size: 20px;
  --font-title-2-line: 28px;
  --font-title-2-weight: 600;
  --font-title-2-letter-spacing: -0.3px;
  --font-title-3-size: 16px;
  --font-title-3-line: 24px;
  --font-title-3-weight: 600;
  --font-headline-size: 14px;
  --font-headline-line: 20px;
  --font-headline-weight: 600;
  --font-body-size: 14px;
  --font-body-line: 20px;
  --font-body-weight: 400;
  --font-body-lg-size: 16px;
  --font-body-lg-line: 24px;
  --font-body-lg-weight: 400;
  --font-label-size: 13px;
  --font-label-line: 18px;
  --font-label-weight: 500;
  --font-footnote-size: 12px;
  --font-footnote-line: 16px;
  --font-footnote-weight: 400;
  --font-eyebrow-size: 11px;
  --font-eyebrow-line: 16px;
  --font-eyebrow-weight: 600;
  --font-eyebrow-letter-spacing: 0.88px;
  --font-number-hero-size: 32px;
  --font-number-hero-line: 38px;
  --font-number-hero-weight: 600;
  --font-number-hero-letter-spacing: -0.64px;
  --font-number-title-size: 20px;
  --font-number-title-line: 28px;
  --font-number-title-weight: 600;
  --font-number-body-size: 14px;
  --font-number-body-line: 20px;
  --font-number-body-weight: 500;
  --font-number-small-size: 12px;
  --font-number-small-line: 16px;
  --font-number-small-weight: 500;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --control-sm: 32px;
  --control-md: 36px;
  --control-lg: 44px;
  --row-height: 44px;
  --target-min: 24px;
  --header-height: 56px;
  --sidebar-width: 248px;
  --content-max: 1280px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-capsule: 999px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --background: #08090b;
    --background-2: #0f1114;
    --surface: #15171b;
    --surface-2: #1d2026;
    --popover: #1d2026;
    --glass: #15171bcc;
    --overlay: #000000b3;
    --line: #ffffff14;
    --line-strong: #6f747d;
    --fill: #ffffff0f;
    --fill-2: #ffffff1c;
    --text: #f5f6f2;
    --text-2: #ebedf0a3;
    --text-3: #ebedf05c;
    --accent: #ff5f73;
    --accent-hover: #ff7a8b;
    --accent-text: #ff5f73;
    --on-accent: #1f0309;
    --accent-soft: #ff5f7321;
    --ring: var(--accent-text);
    --ion: #3dd9ff;
    --ion-text: #3dd9ff;
    --on-ion: #001a22;
    --ion-soft: #3dd9ff21;
    --ember: #ffb020;
    --ember-text: #ffc04d;
    --ember-soft: #ffb02026;
    --pulse: #9b7bff;
    --pulse-text: #b09aff;
    --pulse-soft: #9b7bff2b;
    --prisme-0: #ff9ad5;
    --prisme-1: #c3a6ff;
    --prisme-2: #8fe3ff;
    --prisme-3: #d9ff9a;
    --prisme-solid: #f2c9ff;
    --prisme-text: #e6d2ff;
    --on-prisme: #14001a;
    --prisme-soft: #c3a6ff29;
    --danger: #c42b3a;
    --danger-hover: #d63a49;
    --on-danger: #ffffff;
    --chart-line: var(--accent-text);
    --chart-area: #ff5f731a;
    --chart-body: var(--ion-text);
    --shadow-sm: 0 1px 2px #00000066;
    --shadow-md: 0 4px 12px #00000080, 0 0 0 1px #ffffff14;
    --shadow-lg: 0 16px 40px #000000a3, 0 0 0 1px #ffffff1a;
  }
}