/*! 
 * Ce fichier a été généré automatiquement, ne pas éditer.
 * Pour le modifier, éditer les fichiers sources .scss.
 */

.dark {
  --md-sys-color-secondary-container: var(--md-ref-palette-secondary-30);
  --md-sys-color-tertiary-tertiary: var(--md-ref-palette-tertiary-30);
  --md-sys-color-tertiary-container: var(--md-ref-palette-tertiary-30);
  --md-sys-color-error-container: var(--md-ref-palette-error-30);
  --md-sys-color-warning-container: var(--md-ref-palette-warning-20);
  --md-sys-color-success-container: var(--md-ref-palette-success-20);
  --md-sys-color-primary-container: var(--md-ref-palette-primary-30);
  --md-sys-color-surface: var(--md-ref-palette-neutral-0);
  --md-sys-color-surface-container-lowest: var(--md-ref-palette-neutral-20);
  --md-sys-color-surface-dim: var(--md-ref-palette-neutral-30);
  --md-sys-color-surface-container-low: var(--md-ref-palette-neutral-30);
  --md-sys-color-surface-bright: var(--md-ref-palette-neutral-20);
  --md-sys-color-surface-container: var(--md-ref-palette-neutral-20);
  --md-sys-color-surface-container-high: var(--md-ref-palette-neutral-40);
  --md-sys-color-surface-container-highest: var(--md-ref-palette-neutral-50);
  --md-sys-color-surface-variant: var(--md-ref-palette-neutral-20);
  --md-sys-color-inverse-on-surface: var(--md-ref-palette-neutral-20);
  --md-sys-color-inverse-surface: var(--md-ref-palette-neutral-70);
  --md-sys-color-inverse-primary: var(--md-ref-palette-primary-40);
  --md-sys-color-on-primary: var(--md-ref-palette-primary-20);
  --md-sys-color-on-secondary: var(--md-ref-palette-secondary-20);
  --md-sys-color-on-tertiary: var(--md-ref-palette-tertiary-20);
  --md-sys-color-on-error: var(--md-ref-palette-error-20);
  --md-sys-color-on-warning: var(--md-ref-palette-warning-20);
  --md-sys-color-on-success: var(--md-ref-palette-success-20);
  --md-sys-color-on-primary-container: var(--md-ref-palette-primary-90);
  --md-sys-color-on-secondary-container: var(--md-ref-palette-secondary-90);
  --md-sys-color-on-tertiary-container: var(--md-ref-palette-tertiary-90);
  --md-sys-color-on-error-container: var(--md-ref-palette-error-90);
  --md-sys-color-on-warning-container: var(--md-ref-palette-warning-90);
  --md-sys-color-on-success-container: var(--md-ref-palette-success-90);
  --md-sys-color-on-surface: var(--md-ref-palette-neutral-90);
  --md-sys-color-on-surface-variant: var(--md-ref-palette-neutral-variant-80);
  --md-sys-color-on-background: var(--md-ref-palette-neutral-90);
  --md-sys-color-outline: var(--md-ref-palette-neutral-variant-80);
  --md-sys-color-outline-variant: var(--md-ref-palette-neutral-variant-30);
  --md-sys-color-outline-error: var(--md-ref-palette-error-90);
  --md-sys-color-outline-warning: var(--md-ref-palette-warning-90);
  --md-sys-color-primary: var(--md-ref-palette-primary-80);
  --md-sys-color-outline-success: var(--md-ref-palette-success-90);
  --md-sys-color-secondary: var(--md-ref-palette-secondary-80);
  --md-sys-color-tertiary: var(--md-ref-palette-tertiary-80);
  --md-sys-color-error: var(--md-ref-palette-error-80);
  --md-sys-color-warning: var(--md-ref-palette-warning-80);
  --md-sys-color-success: var(--md-ref-palette-success-80);
  --md-sys-color-background: var(--md-ref-palette-secondary-10);
  --md-sys-color-shadow: var(--md-ref-shadow-white-opacity-0);
  --md-sys-color-scrim: var(--md-ref-shadow-white-opacity-8);
  --md-sys-color-state-opacity-0: var(--md-ref-shadow-white-opacity-0);
  --md-sys-color-state-opacity-8: var(--md-ref-shadow-white-opacity-8);
  --md-sys-color-state-opacity-12: var(--md-ref-shadow-white-opacity-12);
  --md-sys-color-state-opacity-16: var(--md-ref-shadow-white-opacity-16);
  --md-sys-color-shadow-opacity-15: var(--md-ref-shadow-white-opacity-15);
  --md-sys-color-shadow-opacity-30: var(--md-ref-shadow-white-opacity-30);
  --md-sys-color-gradient-grad-0: var(--md-ref-shadow-white-opacity-0);
  --md-sys-color-gradient-grad-100: var(--md-ref-palette-neutral-95);
}

/* élevation */
:root {
  --md-sys-shadow-elevation-0: none;
  --md-sys-shadow-elevation-1:
      0px 1px 2px 0px var(--md-ref-shadow-dark-opacity-8),
      0px 1px 3px 1px var(--md-ref-shadow-dark-opacity-15);
  --md-sys-shadow-elevation-2:
      0px 1px 2px 0px var(--md-ref-shadow-dark-opacity-30),
      0px 2px 6px 2px var(--md-ref-shadow-dark-opacity-15);
  --md-sys-shadow-elevation-3:
      0px 1px 3px 0px var(--md-ref-shadow-dark-opacity-30),
      0px 4px 8px 3px var(--md-ref-shadow-dark-opacity-15);
  --md-sys-shadow-elevation-4:
      0px 2px 3px 0px var(--md-ref-shadow-dark-opacity-30),
      0px 6px 10px 4px var(--md-ref-shadow-dark-opacity-15);
  --md-sys-shadow-elevation-5:
      0px 4px 4px 0px var(--md-ref-shadow-dark-opacity-30),
      0px 8px 12px 6px var(--md-ref-shadow-dark-opacity-30);
}

/* ============================================================================
Élévation — noms Material 3
============================================================================ */
:root {
  --md-sys-elevation-level0: var(--md-sys-shadow-elevation-0);
  --md-sys-elevation-level1: var(--md-sys-shadow-elevation-1);
  --md-sys-elevation-level2: var(--md-sys-shadow-elevation-2);
  --md-sys-elevation-level3: var(--md-sys-shadow-elevation-3);
  --md-sys-elevation-level4: var(--md-sys-shadow-elevation-4);
  --md-sys-elevation-level5: var(--md-sys-shadow-elevation-5);
}