:root {
  /* ----- Palette: strict monochrome + 1 electric accent ----- */
  --ink: #0A0A0A;
  --ink-2: #1A1A1A;
  --ink-3: #2B2B2B;
  --paper: #FAFAFA;
  --paper-2: #F2F2F2;
  --line: #E5E5E5;
  --line-2: #D2D2D2;
  --muted: #6B6B6B;
  --muted-2: #8A8A8A;
  --accent: #D6FF3D;
  --accent-ink: #0A0A0A;

  /* Glass surfaces */
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-bg-dark: rgba(20, 20, 20, 0.55);
  --glass-border: rgba(10, 10, 10, 0.08);
  --glass-border-dark: rgba(255, 255, 255, 0.08);
  --glass-blur: 18px;
  --glass-shadow: 0 12px 40px -16px rgba(0, 0, 0, 0.18);

  /* Typography */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-display: clamp(3rem, 6vw, 5.75rem);
  --fs-h1: clamp(2rem, 3.4vw, 3rem);
  --fs-h2: clamp(1.5rem, 2.4vw, 2.25rem);
  --fs-h3: 1.25rem;
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;
  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-body: 1.6;
  --tracking-tight: -0.02em;
  --tracking-wide: 0.14em;

  /* Spacing — generous whitespace */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --s-11: 160px;

  /* Geometry */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;
  --container: 1280px;
  --content: 1120px;

  /* Motion */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --d-fast: 180ms;
  --d-base: 320ms;
  --d-slow: 640ms;

  /* Z-index */
  --z-nav: 50;
  --z-mega: 60;
  --z-modal: 80;
}