/**
 * Structural design tokens — skin-agnostic.
 * Skins only override semantic/color tokens; never spacing, radius, or motion.
 */
html {
  --ngt-space-xs: 4px;
  --ngt-space-sm: 8px;
  --ngt-space-md: 16px;
  --ngt-space-lg: 24px;
  --ngt-space-xl: 32px;
  --ngt-space-2xl: 48px;
  --ngt-space-3xl: 64px;

  --ngt-radius-sm: 6px;
  --ngt-radius-md: 10px;
  --ngt-radius-lg: 16px;
  --ngt-radius-xl: 24px;
  --ngt-radius-full: 9999px;

  --ngt-shadow-sm: 0 2px 8px rgba(15, 26, 47, 0.06);
  --ngt-shadow-md: 0 8px 24px rgba(15, 26, 47, 0.08);
  --ngt-shadow-lg: 0 20px 40px rgba(15, 26, 47, 0.12);
  --ngt-shadow-xl: 0 24px 48px rgba(15, 26, 47, 0.16);

  --ngt-ease: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ngt-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ngt-duration-fast: 150ms;
  --ngt-duration: 250ms;
  --ngt-duration-slow: 400ms;

  --ngt-layout-max: 1280px;
  --ngt-content-pad: clamp(1rem, 4vw, 2rem);
}