/* src/darkmoon/web/static/css/tokens.css — jetons de la spec C §5 et polices auto-hébergées (OFL, static/fonts). */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                 U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("../fonts/unbounded-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                 U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url("../fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                 U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;

  /* surfaces et traits */
  --bg: #ffffff;
  --surface: #fafbfd;
  --soft: #f3f5fa;
  --soft-2: #eaeef6;
  --line: #eceef4;
  --line-2: #e3e7f0;

  /* texte (--muted : 4,8:1 sur blanc ; les gris plus clairs ne servent jamais au texte) */
  --ink: #141824;
  --ink-2: #2b3142;
  --muted: #6b7280;

  /* accent unique */
  --accent: #2563eb;
  --accent-soft: #eef3ff;
  --accent-line: #dbe6ff;
  --accent-ink: #1d4ed8;

  /* états (pastilles et points) */
  --st-none: #c3c8d5;
  --st-start: #f59e0b;
  --st-gen: #2563eb;
  --st-ok: #22c55e;
  --st-err: #e11d48;
  --warn-bg: #fff7ed;
  --warn-ink: #b45309;
  --err-bg: #fff1f2;
  --err-line: #fecdd3;
  --err-ink: #be123c;
  --ok-bg: #ecfdf3;
  --ok-ink: #15803d;

  /* formes */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-pill: 999px;
  --shadow-1: 0 6px 20px rgba(20, 24, 36, .06);
  --shadow-2: 0 14px 34px rgba(20, 24, 36, .14);
  --focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);

  /* espacement : 4 / 8 / 12 / 16 / 24 / 32 / 48 */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;

  /* typographie */
  --font-display: "Unbounded", ui-rounded, "Segoe UI", system-ui, sans-serif;
  --font-text: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;

  /* mouvement */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: 120ms;
  --t: 180ms;

  /* mise en page */
  --topbar-h: 60px;
  --sidebar-w: 260px;
  --read-w: 760px;
  --composer-h: 120px;
}