:root {
  /* ---- Color ---- */
  --ink: #070709;
  --ink-raised: #101012;
  --ink-raised-2: #141416;
  --signal: #b8ff00;
  --signal-dim: rgba(184, 255, 0, 0.35);
  --signal-glow: rgba(184, 255, 0, 0.18);
  --human: #8b5cf6;
  --human-dim: rgba(139, 92, 246, 0.35);
  --text: #f5f5f5;
  --text-dim: #8a8a8f;
  --text-faint: #7a7a82;
  --line: rgba(255, 255, 255, 0.08);
  --line-lit: rgba(184, 255, 0, 0.35);
  --on-signal: #07110a;

  /* Category accents (borders/icons only, never fill, never text) */
  --cat-web: #a78bfa;
  --cat-social: #f472b6;
  --cat-ads: #fb923c;
  --cat-seo: #38bdf8;
  --cat-auto: #b8ff00;
  --cat-brand: #fb7185;

  /* DD Sistemleri (self-contained accent set for the tiered systems section) */
  --sys-accent: #8fb0ff;
  --sys-grow-1: #34d399;
  --sys-grow-2: #059669;
  --sys-pro-1: #818cf8;
  --sys-pro-2: #7c3aed;
  --sys-max-1: #ec4899;
  --sys-max-2: #f43f5e;

  /* ---- Typography ---- */
  --font-display: "Archivo", "Archivo Expanded", "Instrument Sans", sans-serif;
  --font-body: "Instrument Sans", "Inter", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", monospace;

  --fs-h1: clamp(2.25rem, 5.4vw, 4.5rem);
  --fs-h2: clamp(2rem, 4.5vw, 4rem);
  --fs-h3: clamp(1.375rem, 2.2vw, 1.75rem);
  --fs-body-lg: clamp(1.0625rem, 1.4vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-eyebrow: 0.75rem;
  --fs-mono: 0.8125rem;

  /* ---- Space ---- */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 40px;
  --sp-5: 64px;
  --sp-6: 96px;
  --sp-7: 144px;
  --section-y: clamp(64px, 8vh, 120px);
  --gutter: clamp(20px, 5vw, 48px);
  --container-max: 1280px;

  /* ---- Motion ---- */
  --dur-fast: 180ms;
  --dur: 320ms;
  --dur-slow: 560ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- Radius / Border ---- */
  --radius: 4px;
  --radius-sm: 2px;

  /* ---- Z ---- */
  --z-spine: 5;
  --z-header: 100;
  --z-overlay: 200;

  /* runtime-written by JS */
  --spine-progress: 0;
  --surec-progress: 0;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur: 0ms;
    --dur-slow: 0ms;
  }
}
