/* assets/css/theme.css */
/* NexoOne palette — calm, executive, nocturne */
:root{
  --no-bg: #070A12;
  --no-surface: #0B1020;
  --no-surface-2: #0F1630;
  --no-card: rgba(255,255,255,.06);
  --no-card-2: rgba(255,255,255,.08);
  --no-border: rgba(255,255,255,.12);

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

  --no-a: #7C5CFF;   /* violet */
  --no-b: #24D6D1;   /* teal */
  --no-c: #FFB86B;   /* amber */
  --no-d: #FF5C9A;   /* pink */
  --no-e: #5BE37D;   /* green */

  --no-shadow: 0 18px 45px rgba(0,0,0,.35);
  --no-shadow-soft: 0 10px 28px rgba(0,0,0,.28);

  --no-radius: 18px;
  --no-radius-lg: 24px;

  --no-grad: linear-gradient(135deg, rgba(124,92,255,.95), rgba(36,214,209,.85));
  --no-grad-2: linear-gradient(135deg, rgba(255,184,107,.92), rgba(255,92,154,.72));
  --no-grad-3: linear-gradient(135deg, rgba(36,214,209,.70), rgba(91,227,125,.55));
}

::selection{
  background: rgba(124,92,255,.35);
  color: var(--no-text);
}