/**
 * @package Navar
 */

[data-nv-theme="dark"]{

  --surface:#171b2e;
  --bg:#0e1120;
  --light:#1d2238;
  --border:#2a3050;
  --dot-gray:#3a4166;


  --text:#eceef8;
  --gray:#9aa2c0;
  --dark:#0b0e1a;


  --primary-soft:rgba(254,107,61,.16);
  --green-soft:rgba(0,153,102,.16);
  --red-soft:rgba(248,54,54,.16);
  --yellow-soft:rgba(245,167,13,.16);
  --blue-soft:rgba(29,99,209,.18);
  --purple-soft:rgba(43,29,154,.28);


  --nv-bg:#0e1120;
  --nv-surface:#171b2e;
  --nv-surface-2:#1d2238;
  --nv-border:#2a3050;
  --nv-border-2:#363d63;
  --nv-text:#eceef8;
  --nv-text-2:#a8b0cf;
  --nv-text-3:#6f7796;
  --nv-accent-soft:rgba(109,93,246,.18);
  --nv-success-soft:rgba(14,175,123,.16);
  --nv-danger-soft:rgba(224,68,106,.16);
  --nv-warn-soft:rgba(232,147,12,.16);
  --nv-sh-sm:0 1px 2px rgba(0,0,0,.4);
  --nv-sh-md:0 8px 28px -8px rgba(0,0,0,.6);

  color-scheme:dark;
}

@media (prefers-color-scheme:dark){
  [data-nv-theme="auto"]{
    --surface:#171b2e;
    --bg:#0e1120;
    --light:#1d2238;
    --border:#2a3050;
    --dot-gray:#3a4166;
    --text:#eceef8;
    --gray:#9aa2c0;
    --dark:#0b0e1a;
    --primary-soft:rgba(254,107,61,.16);
    --green-soft:rgba(0,153,102,.16);
    --red-soft:rgba(248,54,54,.16);
    --yellow-soft:rgba(245,167,13,.16);
    --blue-soft:rgba(29,99,209,.18);
    --purple-soft:rgba(43,29,154,.28);
    --nv-bg:#0e1120;
    --nv-surface:#171b2e;
    --nv-surface-2:#1d2238;
    --nv-border:#2a3050;
    --nv-border-2:#363d63;
    --nv-text:#eceef8;
    --nv-text-2:#a8b0cf;
    --nv-text-3:#6f7796;
    --nv-accent-soft:rgba(109,93,246,.18);
    --nv-success-soft:rgba(14,175,123,.16);
    --nv-danger-soft:rgba(224,68,106,.16);
    --nv-warn-soft:rgba(232,147,12,.16);
    --nv-sh-sm:0 1px 2px rgba(0,0,0,.4);
    --nv-sh-md:0 8px 28px -8px rgba(0,0,0,.6);
    color-scheme:dark;
  }
}

[data-nv-theme="dark"] .sidebar,
[data-nv-theme="dark"] .box-logo{background:#12162a}

[data-nv-theme="dark"] input,
[data-nv-theme="dark"] textarea,
[data-nv-theme="dark"] select{background:var(--light);color:var(--text);border-color:var(--border)}
[data-nv-theme="dark"] input::placeholder,
[data-nv-theme="dark"] textarea::placeholder{color:var(--nv-text-3)}

[data-nv-theme="dark"] .login-bg{opacity:.28}

@media (prefers-color-scheme:dark){
  [data-nv-theme="auto"] .sidebar,
  [data-nv-theme="auto"] .box-logo{background:#12162a}
  [data-nv-theme="auto"] input,
  [data-nv-theme="auto"] textarea,
  [data-nv-theme="auto"] select{background:var(--light);color:var(--text);border-color:var(--border)}
  [data-nv-theme="auto"] input::placeholder,
  [data-nv-theme="auto"] textarea::placeholder{color:var(--nv-text-3)}
  [data-nv-theme="auto"] .login-bg{opacity:.28}
}