/* assets/css/theme.css */
:root{
  /* NexoLab palette (unique) */
  --nl-bg: #070A12;
  --nl-bg-2: #0B1023;
  --nl-surface: rgba(255,255,255,.06);
  --nl-surface-2: rgba(255,255,255,.10);
  --nl-border: rgba(255,255,255,.14);

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

  --nl-a: #7C5CFF;   /* violet */
  --nl-b: #1EE6A8;   /* mint */
  --nl-c: #FF4D8D;   /* rose */
  --nl-d: #FFD15C;   /* amber */
  --nl-e: #56A8FF;   /* sky */
  --nl-f: #C9FF66;   /* lime */

  --nl-shadow: 0 18px 50px rgba(0,0,0,.45);
  --nl-radius: 22px;
  --nl-radius-sm: 14px;

  --nl-grad-1: radial-gradient(1200px 600px at 20% 10%, rgba(124,92,255,.28), transparent 55%),
               radial-gradient(900px 500px at 85% 20%, rgba(30,230,168,.22), transparent 55%),
               radial-gradient(900px 500px at 55% 85%, rgba(255,77,141,.16), transparent 55%);

  --nl-grad-2: linear-gradient(135deg, rgba(124,92,255,.35), rgba(30,230,168,.20), rgba(86,168,255,.18));
}

/* Bootstrap overrides (light touch) */
body{
  background: var(--nl-bg);
  color: var(--nl-text);
}

a{ color: rgba(255,255,255,.92); }
a:hover{ color: #fff; }