:root {
  --ikn-onyx: #0A0B0E;
  --ikn-graphite: #12141A;
  --ikn-carbon: #1A1D25;
  --ikn-steel: #262A33;
  --ikn-fog: #3A3F4B;
  --ikn-ivory: #F4F1EA;
  --ikn-silver: #B4BAC4;
  --ikn-ash: #7A8290;
  --ikn-mute: #4A5160;
  --ikn-signal: #EF1A2D;
  --ikn-signal-bright: #FF2F42;
  --ikn-signal-deep: #C81222;
  --ikn-signal-wash: rgba(239, 26, 45, 0.12);
  --ikn-signal-line: rgba(239, 26, 45, 0.32);
  --ikn-success: #5A9B7E;
  --ikn-warning: #D4A84A;
  --ikn-danger: #C04848;
  --ikn-info: #6B8CAE;
  --ikn-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --ikn-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ikn-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --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;
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;
  --r-xl: 12px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 32px rgba(239, 26, 45, 0.18);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 400ms;
  --container: 1280px;
  --container-narrow: 960px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-md: 17px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 44px;
  --text-display: clamp(32px, 4.5vw, 48px);
  --text-h1: clamp(28px, 3.2vw, 40px);
  --text-h2: clamp(22px, 2.6vw, 28px);
  --text-h3: 20px;
  --text-h4: 18px;
  --text-section: clamp(24px, 2.8vw, 34px);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}