/* Nexis — design tokens (unified blue theme, all landing pages) */
:root {
  --nx-accent: #2563eb;
  --nx-accent-dark: #1d4ed8;
  --nx-accent-light: #3b82f6;
  --nx-accent-soft: rgba(37, 99, 235, 0.12);
  --nx-accent-glow: rgba(59, 130, 246, 0.35);

  --nx-bg: #f8fafc;
  --nx-header-scrolled-bg: rgba(248, 250, 252, 0.88);
  --nx-bg-elevated: #ffffff;
  --nx-bg-muted: rgba(37, 99, 235, 0.05);
  --nx-bg-hero: linear-gradient(145deg, #f8fafc 0%, #e0e7ff 42%, #eff6ff 100%);

  --nx-text: #0f172a;
  --nx-text-muted: #64748b;
  --nx-text-soft: #94a3b8;

  --nx-border: rgba(37, 99, 235, 0.16);
  --nx-border-strong: rgba(37, 99, 235, 0.26);

  --nx-shadow-sm:
    0 1px 2px rgba(37, 99, 235, 0.05),
    0 0 0 1px rgba(37, 99, 235, 0.08);
  --nx-shadow-md:
    0 2px 10px rgba(29, 78, 216, 0.06),
    0 12px 34px rgba(37, 99, 235, 0.1),
    0 0 0 1px rgba(37, 99, 235, 0.1);
  --nx-shadow-lg:
    0 4px 18px rgba(29, 78, 216, 0.08),
    0 20px 50px rgba(37, 99, 235, 0.12),
    0 0 0 1px rgba(37, 99, 235, 0.12);

  --nx-radius-sm: 8px;
  --nx-radius-md: 12px;
  --nx-radius-lg: 16px;
  --nx-radius-xl: 24px;

  --nx-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --nx-tap: 44px;
  --nx-header-h: 72px;
  --nx-container: min(1120px, calc(100% - 2.5rem));
  --nx-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --nx-duration: 0.45s;
  --nx-duration-slow: 0.65s;
}