/* assets/css/theme.css */
:root{
  /* NexoMax palette (fresh home-tech, non-financial) */
  --nm-ink:#0b1220;
  --nm-bg:#070a12;
  --nm-surface:#0e1426;
  --nm-card:#101a33;
  --nm-border:rgba(255,255,255,.10);

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

  --nm-aqua:#39e7d2;
  --nm-lime:#b7ff5a;
  --nm-violet:#8b7bff;
  --nm-sun:#ffcf5a;
  --nm-rose:#ff6aa3;

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

  --nm-grad: radial-gradient(1200px 600px at 20% 0%, rgba(57,231,210,.25), transparent 60%),
             radial-gradient(900px 520px at 85% 10%, rgba(139,123,255,.22), transparent 55%),
             radial-gradient(800px 500px at 50% 100%, rgba(183,255,90,.14), transparent 60%);

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

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

/* Links */
a{ color: rgba(57,231,210,.95); }
a:hover{ color: rgba(183,255,90,.95); }

/* Focus */
:focus-visible{
  outline: 3px solid rgba(57,231,210,.55);
  outline-offset: 3px;
  border-radius: 10px;
}