/*
 * NEXUS PLATFORMS — Design Tokens
 * Mirrors specs/design-tokens.json — change values there first, then sync here.
 */
:root {
  /* color.background */
  --nx-bg-void: #0a0c10;
  --nx-bg-graphite: #11151b;
  --nx-bg-charcoal: #171c24;

  /* color.text */
  --nx-text-titanium: #c7cbd2;
  --nx-text-steel: #aeb5bf;
  --nx-text-gunmetal: #6b7380;

  /* color.accent */
  --nx-accent: #5b79b5;
  --nx-accent-bright: #6a8fd6;
  --nx-accent-deep: #3d5c95;

  /* color.secondary */
  --nx-sec-muted-blue: #4d5e82;
  --nx-sec-slate-blue: #586884;
  --nx-sec-coolgray: #7b889f;

  /* color.line */
  --nx-line: rgba(91, 121, 181, 0.18);
  --nx-line-strong: rgba(91, 121, 181, 0.35);

  /* color.state */
  --nx-error: #a05050;

  /* color.glass (navbar / mobile menu over content) */
  --nx-glass: rgba(17, 21, 27, 0.82);
  --nx-glass-strong: rgba(17, 21, 27, 0.96);

  /* typography */
  --nx-font-display: "Rajdhani", "Segoe UI", sans-serif;
  --nx-font-body: "Inter", "Segoe UI", sans-serif;
  --nx-font-mono: "Share Tech Mono", "JetBrains Mono", monospace;
  --nx-tracking-wide: 0.18em;
  --nx-tracking-ultra: 0.42em;

  /* spacing */
  --nx-section-y: clamp(5rem, 10vw, 9rem);
  --nx-container-max: 1320px;

  /* effects */
  --nx-glow-accent: 0 0 24px rgba(106, 143, 214, 0.35);
  --nx-scanline-opacity: 0.04;
  --nx-grid-line: rgba(91, 121, 181, 0.07);

  /* motion */
  --nx-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --nx-dur-fast: 180ms;
  --nx-dur-base: 420ms;
  --nx-dur-slow: 900ms;
}