/* =========================================================================
   Nexus · Default theme (signature teal/cyan, deep-night canvas)
   Tokens are published on :root so any component can consume them with
   `var(--nx-*)`. Every other theme overrides this set on `[data-theme=…]`.
   ========================================================================= */

:root {
  /* Surfaces */
  --nx-bg: #0a0e12;
  --nx-bg-grain: rgba(255, 255, 255, .012);
  --nx-surface: #11161c;
  --nx-surface-2: #161d26;
  --nx-line: #1f2932;
  --nx-text: #d8e3ee;
  --nx-text-2: #98a8b8;
  --nx-muted: #5a6a7a;

  /* Accent (teal-cyan signature) */
  --nx-accent: #5ee0c8;
  --nx-accent-2: #8be9d0;
  --nx-accent-soft: rgba(94, 224, 200, .14);
  --nx-glow: rgba(94, 224, 200, .55);

  /* Status */
  --nx-warn: #ffc857;
  --nx-ok: #67e7a0;
  --nx-err: #ff6b8a;

  /* Backdrop grid */
  --nx-grid: rgba(255, 255, 255, .025);
  --nx-grid-strong: rgba(255, 255, 255, .04);

  /* Type */
  --nx-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --nx-font-display: 'Manrope', 'Inter', sans-serif;
  --nx-font-mono: 'JetBrains Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
  --nx-font-pixel: 'VT323', 'JetBrains Mono', monospace;
  --nx-font-vfd: 'Major Mono Display', 'JetBrains Mono', monospace;
  --nx-font-arcade: 'Press Start 2P', 'VT323', monospace;

  /* Radii */
  --nx-radius-sm: 6px;
  --nx-radius: 12px;
  --nx-radius-lg: 18px;
  --nx-radius-xl: 28px;

  /* Shadows */
  --nx-shadow-soft: 0 1px 2px rgba(0, 0, 0, .18), 0 8px 30px rgba(0, 0, 0, .28);
  --nx-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);
  --nx-shadow-glow: 0 0 24px var(--nx-glow);
  --nx-shadow-press: inset 0 1px 0 rgba(0, 0, 0, .2);

  /* Motion */
  --nx-dur-fast: 120ms;
  --nx-dur-base: 220ms;
  --nx-dur-slow: 420ms;
  --nx-ease: cubic-bezier(.2, .7, .1, 1);
  --nx-ease-soft: cubic-bezier(.4, .0, .2, 1);

  /* Aurora blob (used by visuals/boot.js + grain backdrop) */
  --nx-aurora-1: rgba(94, 224, 200, .18);
  --nx-aurora-2: rgba(98, 138, 255, .12);
  --nx-aurora-3: rgba(255, 110, 180, .08);

  color-scheme: dark;
}

/* Make Studio-Soft default theme map onto the new tokens so legacy
   components keep working without changing JS. */
:root {
  --bg: var(--nx-bg);
  --bg-2: var(--nx-surface);
  --surface: var(--nx-surface);
  --surface-2: var(--nx-surface-2);
  --surface-3: var(--nx-line);
  --ink: var(--nx-text);
  --ink-2: var(--nx-text-2);
  --ink-3: var(--nx-muted);
  --ink-soft: var(--nx-muted);
  --rule: var(--nx-line);
  --rule-2: var(--nx-line);
  --primary: var(--nx-accent);
  --primary-deep: var(--nx-accent-2);
  --primary-soft: var(--nx-accent-soft);
  --accent: var(--nx-accent);
  --accent-deep: var(--nx-accent-2);
  --accent-soft: var(--nx-accent-soft);
}