/* These tokens are generated using https://themes.angular-material.dev/ */
/* Preview: https://hotelzagrava.rooms-wizard.com/?bold-font-weight=700&brand-font-family=Rubik&medium-font-weight=500&plain-font-family=Rubik&regular-font-weight=400&seed-error=%23ba1a1a&seed-neutral=%23827472&seed-neutral-variant=%23897270&seed-primary=%23651616&seed-secondary=%2383514e&seed-tertiary=%237a5826 */
/* Seed Colors: primary: #651616, secondary: #83514e, tertiary: #7a5826, error: #ba1a1a, neutral: #827472, neutral-variant: #897270 */
/* Seed Typography: plain-font-family: Rubik, brand-font-family: Rubik, bold-font-weight: 700, medium-font-weight: 500, regular-font-weight: 400 */

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');

/* Light Theme */
:root, :host {
  --mat-sys-primary: #9e403c;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #ffdad7;
  --mat-sys-on-primary-container: #410004;
  --mat-sys-inverse-primary: #ffb3ad;
  --mat-sys-primary-fixed: #ffdad7;
  --mat-sys-primary-fixed-dim: #ffb3ad;
  --mat-sys-on-primary-fixed: #410004;
  --mat-sys-on-primary-fixed-variant: #7f2927;
  --mat-sys-secondary: #83514e;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #ffdad7;
  --mat-sys-on-secondary-container: #34100f;
  --mat-sys-secondary-fixed: #ffdad7;
  --mat-sys-secondary-fixed-dim: #f7b7b2;
  --mat-sys-on-secondary-fixed: #34100f;
  --mat-sys-on-secondary-fixed-variant: #683a38;
  --mat-sys-tertiary: #7a5826;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #ffddb3;
  --mat-sys-on-tertiary-container: #291800;
  --mat-sys-tertiary-fixed: #ffddb3;
  --mat-sys-tertiary-fixed-dim: #ecbf83;
  --mat-sys-on-tertiary-fixed: #291800;
  --mat-sys-on-tertiary-fixed-variant: #5f4110;
  --mat-sys-background: #fef8f7;
  --mat-sys-on-background: #1d1b1b;
  --mat-sys-surface: #fef8f7;
  --mat-sys-surface-dim: #ded9d8;
  --mat-sys-surface-bright: #fef8f7;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #f8f2f1;
  --mat-sys-surface-container: #f2edec;
  --mat-sys-surface-container-high: #ece7e6;
  --mat-sys-surface-container-highest: #e7e1e0;
  --mat-sys-on-surface: #1d1b1b;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #685b5a;
  --mat-sys-inverse-surface: #323030;
  --mat-sys-inverse-on-surface: #f5efee;
  --mat-sys-outline: #807473;
  --mat-sys-outline-variant: #d2c3c1;
  --mat-sys-neutral: #7a7676;
  --mat-sys-neutral10: #1d1b1b;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #410002;
  --mat-sys-surface-variant: #efdfdd;
  --mat-sys-on-surface-variant: #4f4443;
  --mat-sys-neutral-variant: #817473;
  --mat-sys-neutral-variant20: #382e2d;
  --mat-sys-inverse-secondary: #f7b7b2;
  --mat-sys-inverse-tertiary: #ecbf83;
}

/* Dark Theme */
.dark {
  --mat-sys-primary: #ffb3ad;
  --mat-sys-on-primary: #601213;
  --mat-sys-primary-container: #7f2927;
  --mat-sys-on-primary-container: #ffdad7;
  --mat-sys-inverse-primary: #9e403c;
  --mat-sys-primary-fixed: #ffdad7;
  --mat-sys-primary-fixed-dim: #ffb3ad;
  --mat-sys-on-primary-fixed: #410004;
  --mat-sys-on-primary-fixed-variant: #7f2927;
  --mat-sys-secondary: #f7b7b2;
  --mat-sys-on-secondary: #4d2422;
  --mat-sys-secondary-container: #683a38;
  --mat-sys-on-secondary-container: #ffdad7;
  --mat-sys-secondary-fixed: #ffdad7;
  --mat-sys-secondary-fixed-dim: #f7b7b2;
  --mat-sys-on-secondary-fixed: #34100f;
  --mat-sys-on-secondary-fixed-variant: #683a38;
  --mat-sys-tertiary: #ecbf83;
  --mat-sys-on-tertiary: #452b00;
  --mat-sys-tertiary-container: #5f4110;
  --mat-sys-on-tertiary-container: #ffddb3;
  --mat-sys-tertiary-fixed: #ffddb3;
  --mat-sys-tertiary-fixed-dim: #ecbf83;
  --mat-sys-on-tertiary-fixed: #291800;
  --mat-sys-on-tertiary-fixed-variant: #5f4110;
  --mat-sys-background: #141313;
  --mat-sys-on-background: #e7e1e0;
  --mat-sys-surface: #141313;
  --mat-sys-surface-dim: #141313;
  --mat-sys-surface-bright: #3b3938;
  --mat-sys-surface-container-lowest: #0f0e0e;
  --mat-sys-surface-container-low: #1d1b1b;
  --mat-sys-surface-container: #211f1f;
  --mat-sys-surface-container-high: #2b2929;
  --mat-sys-surface-container-highest: #363434;
  --mat-sys-on-surface: #e7e1e0;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #d4c3c0;
  --mat-sys-inverse-surface: #e7e1e0;
  --mat-sys-inverse-on-surface: #323030;
  --mat-sys-outline: #9a8e8c;
  --mat-sys-outline-variant: #4f4443;
  --mat-sys-neutral: #7a7676;
  --mat-sys-neutral10: #1d1b1b;
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-surface-variant: #4f4443;
  --mat-sys-on-surface-variant: #d2c3c1;
  --mat-sys-neutral-variant: #817473;
  --mat-sys-neutral-variant20: #382e2d;
  --mat-sys-inverse-secondary: #83514e;
  --mat-sys-inverse-tertiary: #7a5826;
}

/* Typography */
:root, :host {
  --mat-sys-brand-font-family: Rubik;
  --mat-sys-plain-font-family: Rubik;
  --mat-sys-bold-font-weight: 700;
  --mat-sys-medium-font-weight: 500;
  --mat-sys-regular-font-weight: 400;
}