/* Design tokens — single source of truth for the V4 surface. */
@font-face {
  font-family: "DM Sans";
  src: url("/static/assets/fonts/dm-sans-latin.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand + neutrals (V4) */
  --ink: #102b3d;
  --ink2: #1b3444;
  --text: #233e4c;
  --muted: #5f6f78;
  --quiet: #637178;
  --teal: #087f72;
  --teal-dark: #056b61;
  --pale: #e8f6f2;
  --pale-strong: #d8f0e9;
  --line: #e1e8ea;
  --line-strong: #d4dfe2;
  --canvas: #f6f8f9;
  --surface: #ffffff;
  --surface-2: #f3f7f8;
  --white: #fff;

  /* State */
  --danger: #b54343;
  --danger-soft: #fdf2f2;
  --warning: #8a5a12;
  --warning-soft: #fdf7ec;
  --gold: #d9a520;
  --focus: #98d3c9;

  /* Typography */
  --font-sans: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 13px;
  --text-md: 15px;
  --text-lg: 17px;
  --text-xl: 19px;
  --text-2xl: 24px;
  --text-3xl: 31px;
  --text-4xl: 39px;
  --display: clamp(38px, 4.3vw, 64px);

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 64px;
  --space-12: 88px;

  /* Radius */
  --radius-sm: 8px;
  --radius-input: 9px;
  --radius-md: 11px;
  --radius: 14px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(16, 43, 61, 0.05);
  --shadow: 0 17px 42px rgba(30, 54, 64, 0.09);
  --shadow-lg: 0 22px 64px rgba(18, 49, 59, 0.12);

  /* Layout */
  --container: 1240px;
  --gutter: 24px;
  --header-h: 72px;
  --sidebar-w: 265px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --speed: 160ms;

  color-scheme: light;
}