/**
 * NoLimits — design tokens (single source of truth)
 * Load first in head.twig before other nl-* / theme CSS.
 */

:root {
  --nl-page-bg: #0f0f10;
  --nl-font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --nl-nav-font: var(--nl-font-family);
  --nl-hero-font: var(--nl-font-family);

  --nl-hero-size: clamp(2.25rem, 5.25vw, 3.375rem);
  --nl-hero-weight: 700;
  --nl-hero-weight-muted: 600;

  --nl-nav-font-size: 14px;
  --nl-nav-font-weight: 500;
  --nl-nav-letter-spacing: -0.02em;
  --nl-nav-line-height: 1.3;
  --nl-nav-link-color: rgba(255, 255, 255, 0.5);
  --nl-nav-link-color-hover: rgba(255, 255, 255, 0.78);
  --nl-nav-logo-gap: 14px;
  --nav-bar-height: 64px;

  /* Align legacy Tebex vars (generic.css / shared.css) */
  --color-primary: #a0a0a0;
  --color-primary-hover: #c8c8c8;
  --color-brighter-bg: #1e1e1e;
  --background-dark: #121212;
  --text-light: #fff;

  --motion-duration-instant: 80ms;
  --motion-duration-fast: 180ms;
  --motion-duration-base: 280ms;
  --motion-duration-moderate: 420ms;
  --motion-duration-slow: 560ms;
  --motion-duration-reveal: 880ms;
  --motion-duration-cinematic: 1040ms;
  --motion-ease-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);
  --motion-ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-ease-enter: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-stagger-step: 72ms;
  --motion-reveal-distance: 24px;
  --motion-reveal-distance-soft: 16px;
  --fade-duration: var(--motion-duration-base);
  --page-transition-duration: var(--motion-duration-slow);
  --transition-base: var(--motion-duration-fast) var(--motion-ease-smooth);
}