/* GateRestart AI V3 — DS-01 design tokens v1.0 | static CSS, no network fonts */
:root {
  color-scheme: light;
  --ink: #101214;
  --paper: #ffffff;
  --mist: #f4f5f6;
  --slate: #929ca4;
  --copper: #c57d55;
  --line-light: #dce0e2;
  --line-dark: #343a3d;
  --canvas-deep: #172023;
  --panel-cool: #e8edee;
  --ink-muted: #4c565b;
  --ink-subtle: #566168; /* accessible body labels on light backgrounds; not raw #929CA4 */
  --paper-muted: #e4eaec;
  --copper-strong: #95502b;
  --copper-light: #f5e5da;
  --warning-ink: #744125;
  --focus-ring: #1768a4;
  --overlay: rgba(16, 18, 20, .42);
  --shadow-menu: 0 20px 45px rgba(16, 18, 20, .13);
  --font-sans: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', 'Segoe UI', Arial, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --font-body: clamp(1rem, .96rem + .22vw, 1.125rem);
  --font-small: .875rem;
  --font-xs: .75rem;
  --font-kicker: .775rem;
  --font-h1-home: clamp(2.375rem, 1.55rem + 4.2vw, 4.75rem);
  --font-h1: clamp(2.25rem, 1.6rem + 3.1vw, 4.125rem);
  --font-h1-reading: clamp(2rem, 1.45rem + 2.4vw, 3.125rem);
  --font-h2: clamp(1.75rem, 1.37rem + 1.5vw, 2.625rem);
  --font-h3: clamp(1.2rem, 1.02rem + .7vw, 1.625rem);
  --leading-title: 1.11;
  --leading-compact: 1.4;
  --leading-body: 1.78;
  --tracking-title: -.055em;
  --tracking-label: .075em;
  --space-0: 0;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --layout-max: 77.5rem; /* 1240px */
  --reading-max: 45rem; /* ~62–78 Han characters, size dependent */
  --layout-inline: clamp(1rem, 3.6vw, 4rem);
  --header-height: 4.75rem;
  --radius-1: .25rem;
  --radius-2: .5rem;
  --radius-3: .75rem;
  --border-hairline: 1px solid var(--line-light);
  --duration-fast: 160ms;
  --duration-medium: 240ms;
  --ease-soft: cubic-bezier(.2, .7, .25, 1);
  --grid-gap: clamp(1.125rem, 2.3vw, 2rem);
}
@media (max-width: 760px) {
  :root {
    --layout-inline: clamp(1rem, 4.6vw, 1.5rem);
    --header-height: 4.25rem;
    --space-20: 3.25rem;
    --space-24: 4rem;
    --font-body: 1rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --duration-fast: 0ms; --duration-medium: 0ms; }
}