.login-logo svg {
    display: none !important;
}

.login-logo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 60px;
  margin: 0 auto 10px auto;
}

html.w-theme-light .login-logo {
  background-image: url("/static/images/logos/logo_dopixel_light.2394bfc59d01.png");
}

html.w-theme-dark .login-logo {
  background-image: url("/static/images/logos/logo_dopixel_dark.377d182b95c8.png");
}

html.w-theme-system .login-logo {
  background-image: url("/static/images/logos/logo_dopixel_light.2394bfc59d01.png");
}

@media (prefers-color-scheme: dark) {
  html.w-theme-system .login-logo {
    background-image: url("/static/images/logos/logo_dopixel_dark.377d182b95c8.png");
  }
}



:root,
html.w-theme-light {
  --w-color-bg: #FFF6F4;
  --w-color-surface: #FFFFFF;
  --w-color-border: #FFD9D0;
  --w-color-bg-menus: #FFF1EC;

  --w-login-fullscreen-background: radial-gradient(
    120% 220% at 100% 0%,
    #FFF3EE 0%,
    #FFE6E0 100%
  );

  --w-color-primary: #FF4D24;
  --w-color-primary-200: #FF7050;

  --w-color-secondary: #FF875E;
  --w-color-secondary-600: #E63D18;
  --w-color-secondary-400: #FF6C45;
  --w-color-secondary-100: #FFF1EC;
  --w-color-secondary-75: #FFE1D9;
  --w-color-secondary-50: #FFF5F0;

  --w-color-info-100: #D6EFFF;
  --w-color-info-50: #EDF8FF;

  --w-color-positive-100: #4CAF50;
  --w-color-positive-50: #E8F5E9;

  --w-color-warning-100: #FFCA28;
  --w-color-warning-50: #FFF8E1;

  --w-color-critical-200: #D32F2F;
  --w-color-critical-100: #FFCDD2;
  --w-color-critical-50: #FFEBEE;

  --w-color-border-field-hover: #E63D18;
  --w-color-focus: #E63D18;

  /* --w-color-grey-150: #FFE1D9; */
}

html.w-theme-dark {
  --w-color-bg: #181818;            /* fond principal */
  --w-color-surface: #1F1F1F;       /* surface des panneaux */
  --w-color-border: #2A2A2A;        /* bordures et séparateurs */
  --w-color-bg-menus: #1C1C1C;      /* sidebar, topbar, menus */

  --w-login-fullscreen-background: radial-gradient(
    100% 300% at 100% 0%,
    #353535 0%,
    #181818 100%
  );

  --w-color-primary: #FF6C45;
  --w-color-primary-200: #FF8366;

  --w-color-secondary: #FF8366;
  --w-color-secondary-600: #E04620;
  --w-color-secondary-400: #FF7043;
  --w-color-secondary-100: #FF8366;
  --w-color-secondary-75: #4A2B25;
  --w-color-secondary-50: #553029;

  --w-color-info-100: #2A3D47;
  --w-color-info-50: #1D2B33;

  --w-color-positive-100: #66BB6A;
  --w-color-positive-50: #1B5E20;

  --w-color-warning-100: #FFD54F;
  --w-color-warning-50: #4E3B00;

  --w-color-critical-200: #EF5350;
  --w-color-critical-100: #8E1C1A;
  --w-color-critical-50: #5C1311;

  --w-color-border-field-hover: #FF7050;
  --w-color-focus: #FF7050;

  /* --w-color-grey-150: #4A2B25; */
  /* --w-color-grey-150: #FFE1D9; */
}

:focus-visible {
    outline: 3px solid var(--w-color-focus) !important;
}