/* Neon design tokens - alinhado ao site das regras (B/W).
   Partilhado: painel (/neon-tokens.css) e txAdmin (/__neon/tokens.css). */

:root {
  --n-bg: #0a0a0a;
  --n-bg-2: #101010;
  --n-surface: rgba(14, 14, 14, 0.92);
  --n-surface-solid: #0e0e0e;
  --n-surface-2: #161616;
  --n-surface-hover: rgba(27, 27, 27, 0.95);
  --n-glass: rgba(10, 10, 10, 0.88);
  --n-input: #0a0a0a;
  --n-line: rgba(255, 255, 255, 0.08);
  --n-line-2: rgba(255, 255, 255, 0.12);
  --n-text: #f5f5f5;
  --n-muted: #8a8a8a;
  --n-accent: #d6d6d6;
  --n-accent-2: #f0f0f0;
  --n-ink: #0a0a0c;
  --n-warn: #f59e0b;
  --n-danger: #e74c3c;
  --n-discord: #5865f2;

  --n-radius-sm: 8px;
  --n-radius: 10px;
  --n-radius-lg: 14px;

  --n-font: "Work Sans", "Segoe UI", system-ui, sans-serif;
  --n-display: "Work Sans", "Segoe UI", system-ui, sans-serif;
  --n-mono: "JetBrains Mono", ui-monospace, monospace;
  --n-ease: cubic-bezier(0.2, 0.85, 0.25, 1);

  --n-grad: linear-gradient(135deg, #d6d6d6, #f0f0f0);
  --n-card: linear-gradient(180deg, rgba(22, 22, 22, 0.95), rgba(14, 14, 14, 0.95));
  --n-card-strong: linear-gradient(180deg, rgba(22, 22, 22, 0.98), rgba(12, 12, 12, 0.98));
  --n-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
  --n-shadow-lg: 0 30px 80px rgba(0, 0, 0, 0.55);
  --n-glow-btn: 0 10px 28px rgba(0, 0, 0, 0.35);
  --n-ring: 0 0 0 3px rgba(214, 214, 214, 0.16);
  --n-active-bg: rgba(214, 214, 214, 0.12);
  --n-hover-bg: rgba(255, 255, 255, 0.04);

  --n-ambient:
    radial-gradient(1100px 520px at 8% -12%, rgba(214, 214, 214, 0.06), transparent 58%),
    radial-gradient(860px 460px at 100% -8%, rgba(255, 255, 255, 0.03), transparent 52%),
    linear-gradient(180deg, #121212 0%, #0a0a0a 38%, #080808 100%);
  --n-grid:
    linear-gradient(rgba(255, 255, 255, 0.017) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.017) 1px, transparent 1px);
}