/*==========================================================
  NEXIA FRAMEWORK
  Dark Mode
  Version: 2.0
==========================================================*/

/*----------------------------------------------------------
  DARK DESIGN TOKENS
----------------------------------------------------------*/

body.nx-dark-mode{

    --nx-bg:#000000;

    --nx-surface:#0b0b0b;

    --nx-surface-secondary:#121212;

    --nx-input-bg:#171717;

    --nx-text:#f5f5f5;

    --nx-text-light:#d7d7d7;

    --nx-text-muted:#9b9b9b;

    --nx-placeholder:#7c7c7c;

    --nx-border:#2d2d2d;

    --nx-shadow-sm:
        0 2px 10px rgba(0,0,0,.35);

    --nx-shadow-md:
        0 8px 24px rgba(0,0,0,.45);

    --nx-shadow-lg:
        0 18px 45px rgba(0,0,0,.60);




  html.nx-dark-mode{

    --nx-input-bg:#1A1A1A;

    --nx-input-text:#F5F5F5;

    --nx-input-border:#444444;

    --nx-nav-bg:#000000;

    --nx-nav-text:#f5f5f5;

    --nx-dropdown-shadow:
      0 8px 24px rgba(0,0,0,.45);

  }
}