/* assets/css/theme.css */
:root{
  /* NexoNow palette (B2B software, calm + precise) */
  --nx-ink:#081021;
  --nx-bg:#050814;
  --nx-surface:#0b1022;
  --nx-card:#0d1730;
  --nx-border:rgba(255,255,255,.10);

  --nx-text:rgba(255,255,255,.92);
  --nx-muted:rgba(255,255,255,.70);

  --nx-cyan:#3fe6ff;
  --nx-indigo:#7c7bff;
  --nx-amber:#ffcc66;
  --nx-mint:#5dffb0;
  --nx-rose:#ff6fb1;

  --nx-shadow: 0 18px 55px rgba(0,0,0,.45);
  --nx-shadow-soft: 0 12px 35px rgba(0,0,0,.28);
  --nx-radius: 22px;
  --nx-radius-sm: 16px;

  --nx-grad:
    radial-gradient(1100px 620px at 15% 0%, rgba(63,230,255,.22), transparent 62%),
    radial-gradient(900px 520px at 88% 8%, rgba(124,123,255,.20), transparent 58%),
    radial-gradient(900px 520px at 45% 100%, rgba(93,255,176,.12), transparent 62%);

  --bs-body-bg: var(--nx-bg);
  --bs-body-color: var(--nx-text);
  --bs-border-color: var(--nx-border);
}

.nx-body{
  background: var(--nx-grad), var(--nx-bg);
  color: var(--nx-text);
}

a{ color: rgba(63,230,255,.95); }
a:hover{ color: rgba(93,255,176,.95); }

:focus-visible{
  outline: 3px solid rgba(63,230,255,.55);
  outline-offset: 3px;
  border-radius: 10px;
}