/**
 * Nawili Premium — Skin global (override thème dark NexoPOS)
 * Palette Premium : #050816 / cyan #20e7ff / blue #1476ff / green #36ffa6
 *                   orange #ff9f2e / violet #9d4dff / red #ff5d73
 *
 * Chargé UNIQUEMENT quand nawili_active_template = nawili_premium.
 * Sélecteur html.nw-premium (spécificité 0,1,1) bat :root NexoPOS (0,1,0).
 * Non-destructif : variables CSS uniquement.
 */

html.nw-premium {
  --typography: 247 251 255;       /* #f7fbff */

  --surface:        7 20 45;        /* #07142d */
  --surface-soft:   8 22 49;        /* panel */
  --surface-hard:   5 8 22;         /* #050816 */
  --popup-surface:  10 26 58;

  --input-edge:           32 231 255;   /* cyan edge subtil */
  --input-background:     8 20 44;
  --input-disabled:       12 24 50;
  --input-button:         20 118 255;
  --input-button-hover:   32 231 255;
  --input-button-active:  16 96 220;
  --input-option-hover:   18 40 90;

  --box-background:           8 22 49;
  --box-edge:                 32 231 255;
  --box-elevation-background: 10 28 62;
  --box-elevation-edge:       40 120 200;
  --box-elevation-hover:      18 44 96;

  --crud-button-edge:      32 231 255;
  --crud-input-background: 6 16 38;
  --pos-button-edge:       18 40 90;

  --numpad-background:  10 28 62;
  --numpad-typography:  247 251 255;
  --numpad-edge:        32 231 255;
  --numpad-hover:       20 118 255;
  --numpad-hover-edge:  32 231 255;

  --option-hover: 18 44 96;

  --scroll-thumb:        20 60 120;
  --scroll-track:        5 8 22;
  --scroll-popup-thumb:  40 120 200;

  --pre: 6 16 38;

  --tab-active:        8 22 49;
  --tab-active-border: 32 231 255;
  --tab-inactive:      6 16 38;

  --tab-table-th:       18 40 90;
  --tab-table-th-edge:  32 231 255;
  --table-th:           8 22 49;
  --table-th-edge:      32 80 150;

  --floating-menu:          10 28 62;
  --floating-menu-hover:    18 44 96;
  --floating-menu-selected: 20 118 255;
  --floating-menu-edge:     32 231 255;

  --primary:    247 251 255;
  --secondary:  220 233 255;       /* soft */
  --tertiary:   174 191 224;       /* muted */

  --soft-primary:   174 191 224;
  --soft-secondary: 130 150 190;
  --soft-tertiary:  100 120 160;

  /* INFO = cyan/bleu (action principale) */
  --info-primary:    32 231 255;
  --info-secondary:  20 118 255;
  --info-tertiary:   16 96 220;
  --info-light-primary:   150 245 255;
  --info-light-secondary: 32 231 255;
  --info-light-tertiary:  20 118 255;

  /* SUCCESS = vert */
  --success-primary:   54 255 166;
  --success-secondary: 20 167 104;
  --success-tertiary:  16 130 80;
  --success-light-primary:   150 255 210;
  --success-light-secondary: 96 255 187;
  --success-light-tertiary:  54 255 166;

  /* WARNING = orange */
  --warning-primary:   255 159 46;
  --warning-secondary: 255 109 26;
  --warning-tertiary:  210 90 20;
  --warning-light-primary:   255 205 150;
  --warning-light-secondary: 255 180 100;
  --warning-light-tertiary:  255 159 46;

  /* ERROR = rouge */
  --error-primary:    255 93 115;
  --error-secondary:  235 60 85;
  --error-tertiary:   200 40 65;
  --error-light-primary:   255 160 175;
  --error-light-secondary: 255 120 140;
  --error-light-tertiary:  255 93 115;

  /* DANGER (jaune NexoPOS) → violet/magenta */
  --danger-primary:   157 77 255;
  --danger-secondary: 124 60 220;
  --danger-tertiary:  100 48 180;
  --danger-light-primary:   200 160 255;
  --danger-light-secondary: 175 120 255;
  --danger-light-tertiary:  157 77 255;

  --default-primary:   174 191 224;
  --default-secondary: 130 150 190;
  --default-tertiary:  100 120 160;
  --default-light-primary:   220 233 255;
  --default-light-secondary: 174 191 224;
  --default-light-tertiary:  130 150 190;
}

/* ── Fond + halos premium ─────────────────────────────────────────────── */
html.nw-premium,
html.nw-premium body {
  background-color: #050816 !important;
}
html.nw-premium body {
  background-image:
    radial-gradient(1200px 760px at 85% -12%, rgba(20,118,255,.20), transparent 60%),
    radial-gradient(900px 640px at 4% 4%,     rgba(32,231,255,.12), transparent 55%),
    radial-gradient(820px 820px at 50% 122%,  rgba(157,77,255,.12), transparent 55%) !important;
  background-attachment: fixed !important;
}

/* ── Titres ──────────────────────────────────────────────────────────── */
html.nw-premium h1,
html.nw-premium h2,
html.nw-premium h3,
html.nw-premium .ns-box-title {
  font-family: 'Space Grotesk', Inter, system-ui, sans-serif;
}

/* ── Logo sidebar texte → gradient ──────────────────────────────────────── */
html.nw-premium .logo h1 {
  background: linear-gradient(135deg, #20e7ff, #9d4dff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* ── Cartes : contour cyan léger ─────────────────────────────────────────── */
html.nw-premium .ns-box {
  border-color: rgba(32,231,255,.18) !important;
}

/* ── Boutons info : glow cyan ───────────────────────────────────────────── */
html.nw-premium .ns-button.info:hover {
  box-shadow: 0 0 22px rgba(32,231,255,.45) !important;
}