/* Auto-generated — do not edit. Regenerate with: manage.py generate_theme horecadepot
   Source color: #EC1939   Scheme: tonal-spot */

:root {
  --color-primary: #8C4D4C;
  --color-on-primary: #FFF7F6;
  --color-primary-container: #F9A9A7;
  --color-on-primary-container: #602A2A;
  --color-secondary: #785756;
  --color-on-secondary: #FFF7F6;
  --color-secondary-container: #FFDAD8;
  --color-on-secondary-container: #694A49;
  --color-tertiary: #7C5270;
  --color-on-tertiary: #FFF7F9;
  --color-tertiary-container: #F7C2E6;
  --color-on-tertiary-container: #613B57;
  --color-error: #A73B21;
  --color-on-error: #FFF7F6;
  --color-error-container: #FD795A;
  --color-on-error-container: #6E1400;
  --color-surface: #FAFAFA;
  --color-on-surface: #3E2F2E;
  --color-surface-dim: #DADADA;
  --color-surface-bright: #FAFAFA;
  --color-surface-container-lowest: #FFFFFF;
  --color-surface-container-low: #F5F5F5;
  --color-surface-container: #EFEFEF;
  --color-surface-container-high: #E8E8E8;
  --color-surface-container-highest: #E2E2E2;
  --color-on-surface-variant: #6D5B5A;
  --color-surface-variant: #E2E2E2;
  --color-outline: #8A7675;
  --color-outline-variant: #C3ADAC;
  --color-inverse-surface: #130C0C;
  --color-inverse-on-surface: #A79A99;
  --color-inverse-primary: #F9A9A7;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #8C4D4C;
}

:root.dark {
  --color-primary: #F8B6B4;
  --color-on-primary: #613333;
  --color-primary-container: #764544;
  --color-on-primary-container: #FFDBD9;
  --color-secondary: #E6BDBB;
  --color-on-secondary: #563938;
  --color-secondary-container: #503433;
  --color-on-secondary-container: #DFB5B4;
  --color-tertiary: #FFD3EF;
  --color-on-tertiary: #6B4360;
  --color-tertiary-container: #F7C2E6;
  --color-on-tertiary-container: #613B57;
  --color-error: #F97758;
  --color-on-error: #450900;
  --color-error-container: #85230A;
  --color-on-error-container: #FF9B82;
  --color-surface: #131313;
  --color-on-surface: #F8E0DE;
  --color-surface-dim: #131313;
  --color-surface-bright: #393939;
  --color-surface-container-lowest: #080808;
  --color-surface-container-low: #1B1B1B;
  --color-surface-container: #1F1F1F;
  --color-surface-container-high: #2A2A2A;
  --color-surface-container-highest: #353535;
  --color-on-surface-variant: #BCA6A5;
  --color-surface-variant: #353535;
  --color-outline: #847170;
  --color-outline-variant: #544443;
  --color-inverse-surface: #FFF8F7;
  --color-inverse-on-surface: #5D5352;
  --color-inverse-primary: #855150;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #F8B6B4;
}

@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --color-primary: #F8B6B4;
    --color-on-primary: #613333;
    --color-primary-container: #764544;
    --color-on-primary-container: #FFDBD9;
    --color-secondary: #E6BDBB;
    --color-on-secondary: #563938;
    --color-secondary-container: #503433;
    --color-on-secondary-container: #DFB5B4;
    --color-tertiary: #FFD3EF;
    --color-on-tertiary: #6B4360;
    --color-tertiary-container: #F7C2E6;
    --color-on-tertiary-container: #613B57;
    --color-error: #F97758;
    --color-on-error: #450900;
    --color-error-container: #85230A;
    --color-on-error-container: #FF9B82;
    --color-surface: #131313;
    --color-on-surface: #F8E0DE;
    --color-surface-dim: #131313;
    --color-surface-bright: #393939;
    --color-surface-container-lowest: #080808;
    --color-surface-container-low: #1B1B1B;
    --color-surface-container: #1F1F1F;
    --color-surface-container-high: #2A2A2A;
    --color-surface-container-highest: #353535;
    --color-on-surface-variant: #BCA6A5;
    --color-surface-variant: #353535;
    --color-outline: #847170;
    --color-outline-variant: #544443;
    --color-inverse-surface: #FFF8F7;
    --color-inverse-on-surface: #5D5352;
    --color-inverse-primary: #855150;
    --color-shadow: #000000;
    --color-scrim: #000000;
    --color-surface-tint: #F8B6B4;
  }
}