:root {
  --font-body: "Inter", "Noto Sans SC", sans-serif;
  --font-display: "Inter", "Noto Sans SC", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --color-bg:             #000000;
  --color-surface:        #0a0a0a;
  --color-surface-strong: #141414;
  --color-text:           #ededed;
  --color-text-soft:      #888888;
  --color-border:         rgba(255, 255, 255, 0.1);
  --color-primary:        #ffffff;
  --color-primary-strong: #ffffff;
  --color-primary-soft:   rgba(255, 255, 255, 0.06);
  --color-fact:           #3ecf8e;
  --color-inference:      #f5a623;

  --space-1: clamp(0.45rem, 0.38rem + 0.24vw, 0.62rem);
  --space-2: clamp(0.72rem, 0.58rem + 0.45vw, 1rem);
  --space-3: clamp(1rem, 0.8rem + 0.65vw, 1.45rem);
  --space-4: clamp(1.45rem, 1.1rem + 1vw, 2.1rem);
  --space-5: clamp(2rem, 1.5rem + 1.3vw, 2.8rem);
  --space-6: clamp(2.7rem, 2.05rem + 1.75vw, 4rem);
  --space-7: clamp(3.7rem, 2.7rem + 2.3vw, 5.4rem);

  --radius-xs: 0.4rem;
  --radius-sm: 0.6rem;
  --radius-md: 0.8rem;
  --radius-lg: 1.2rem;

  --shadow-soft: 0 0 0 1px rgba(255, 255, 255, 0.06);
  --shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.08);
  --line: 1px solid var(--color-border);

  --container: min(1160px, 92vw);

  --text-xs:   clamp(0.76rem, 0.74rem + 0.12vw, 0.84rem);
  --text-sm:   clamp(0.89rem, 0.84rem + 0.2vw, 1rem);
  --text-base: clamp(1rem, 0.93rem + 0.25vw, 1.08rem);
  --text-lg:   clamp(1.14rem, 1rem + 0.46vw, 1.38rem);
  --text-xl:   clamp(1.46rem, 1.15rem + 1vw, 2.08rem);
  --text-2xl:  clamp(2.1rem, 1.38rem + 2.2vw, 3.6rem);
}