/* NextGenAI Design V2 — modern editorial product tokens. */
:root {
  /* Surfaces */
  --tng-bg-dark: #0b0d12;
  --tng-bg-dark-elevated: #121620;
  --tng-bg-dark-soft: #171c27;
  --tng-bg-light: #fafaf8;
  --tng-surface: #ffffff;
  --tng-surface-muted: #f1f1ee;

  /* Text */
  --tng-text-dark: #f7f8fb;
  --tng-text-light: #12141a;
  --tng-text-muted-dark: #a6afbd;
  --tng-text-subtle-dark: #788291;
  --tng-text-muted-light: #5b5f6a;

  /* Borders */
  --tng-border-dark: #242b38;
  --tng-border-dark-strong: #323b4b;
  --tng-border-light: #e4e4e0;

  /* Brand */
  --tng-accent: #f2b84b;
  --tng-accent-hover: #ffc765;
  --tng-accent-soft: rgba(242, 184, 75, 0.11);
  --tng-accent-on-light: #915200;
  --tng-accent-2: #8d7cf6;
  --tng-accent-2-soft: rgba(141, 124, 246, 0.14);
  --tng-glow: rgba(242, 184, 75, 0.18);

  /* Status */
  --tng-success: #56c58b;
  --tng-warning: #f59e0b;
  --tng-danger: #f2b84b;
  --tng-focus: #82c9ff;

  /* Typography */
  --tng-font-display: "Space Grotesk Variable", "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tng-font-body: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tng-font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  --tng-text-h1-home: clamp(2.8rem, 6vw, 5.6rem);
  --tng-text-h1-article: clamp(2.4rem, 4.8vw, 4.3rem);
  --tng-text-h2: clamp(2rem, 3vw, 3rem);
  --tng-text-h3: clamp(1.35rem, 2vw, 1.85rem);
  --tng-text-body: 1.0625rem;
  --tng-text-body-min: 1rem;
  --tng-text-small: 0.875rem;
  --tng-line-height-body: 1.72;
  --tng-line-height-heading: 1.08;

  /* Spacing */
  --tng-space-1: 4px;
  --tng-space-2: 8px;
  --tng-space-3: 12px;
  --tng-space-4: 16px;
  --tng-space-5: 20px;
  --tng-space-6: 24px;
  --tng-space-8: 32px;
  --tng-space-10: 40px;
  --tng-space-12: 48px;
  --tng-space-16: 64px;
  --tng-space-20: 80px;
  --tng-space-24: 96px;
  --tng-space-32: 128px;

  /* Widths */
  --tng-width-site-max: 1280px;
  --tng-width-content-max: 1180px;
  --tng-width-reading: 760px;
  --tng-width-wide: 1080px;

  /* Shape */
  --tng-radius-control: 12px;
  --tng-radius-card: 20px;
  --tng-radius-card-lg: 28px;
  --tng-radius-pill: 999px;

  /* Elevation */
  --tng-shadow-sm: 0 1px 2px rgba(0, 0, 0, .18), 0 8px 24px rgba(0, 0, 0, .08);
  --tng-shadow-md: 0 18px 50px rgba(0, 0, 0, .28);
  --tng-shadow-glow: 0 24px 70px rgba(242, 184, 75, .09);

  --tng-transition-fast: 150ms ease;
  --tng-transition-base: 220ms cubic-bezier(.2,.7,.2,1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --tng-transition-fast: 0ms;
    --tng-transition-base: 0ms;
  }
}