/* These tokens are generated using https://themes.angular-material.dev/ */
/* Preview: https://justlviv.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=%238d716d&seed-neutral-variant=%23926e6a&seed-primary=%23e81d1d&seed-secondary=%23ffffff&seed-tertiary=%23eab5b5 */
/* Seed Colors: primary: #e81d1d, secondary: #ffffff, tertiary: #eab5b5, error: #ba1a1a, neutral: #8d716d, neutral-variant: #926e6a */
/* 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: #c0000d;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #ffdad5;
  --mat-sys-on-primary-container: #410001;
  --mat-sys-inverse-primary: #ffb4aa;
  --mat-sys-primary-fixed: #ffdad5;
  --mat-sys-primary-fixed-dim: #ffb4aa;
  --mat-sys-on-primary-fixed: #410001;
  --mat-sys-on-primary-fixed-variant: #930007;
  --mat-sys-secondary: #5d5f5f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #e2e2e2;
  --mat-sys-on-secondary-container: #1a1c1c;
  --mat-sys-secondary-fixed: #e2e2e2;
  --mat-sys-secondary-fixed-dim: #c6c6c7;
  --mat-sys-on-secondary-fixed: #1a1c1c;
  --mat-sys-on-secondary-fixed-variant: #454747;
  --mat-sys-tertiary: #7d5354;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #ffdad9;
  --mat-sys-on-tertiary-container: #301214;
  --mat-sys-tertiary-fixed: #ffdad9;
  --mat-sys-tertiary-fixed-dim: #efb9b9;
  --mat-sys-on-tertiary-fixed: #301214;
  --mat-sys-on-tertiary-fixed-variant: #623c3d;
  --mat-sys-background: #fff8f7;
  --mat-sys-on-background: #1e1b1a;
  --mat-sys-surface: #fff8f7;
  --mat-sys-surface-dim: #dfd8d7;
  --mat-sys-surface-bright: #fff8f7;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #f9f2f1;
  --mat-sys-surface-container: #f4eceb;
  --mat-sys-surface-container-high: #eee7e5;
  --mat-sys-surface-container-highest: #e8e1e0;
  --mat-sys-on-surface: #1e1b1a;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #725855;
  --mat-sys-inverse-surface: #33302f;
  --mat-sys-inverse-on-surface: #f7efee;
  --mat-sys-outline: #817472;
  --mat-sys-outline-variant: #d4c3c1;
  --mat-sys-neutral: #7b7675;
  --mat-sys-neutral10: #1e1b1a;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #410002;
  --mat-sys-surface-variant: #f1dedc;
  --mat-sys-on-surface-variant: #504443;
  --mat-sys-neutral-variant: #827472;
  --mat-sys-neutral-variant20: #392e2d;
  --mat-sys-inverse-secondary: #c6c6c7;
  --mat-sys-inverse-tertiary: #efb9b9;
}

/* Dark Theme */
.dark {
  --mat-sys-primary: #ffb4aa;
  --mat-sys-on-primary: #690003;
  --mat-sys-primary-container: #930007;
  --mat-sys-on-primary-container: #ffdad5;
  --mat-sys-inverse-primary: #c0000d;
  --mat-sys-primary-fixed: #ffdad5;
  --mat-sys-primary-fixed-dim: #ffb4aa;
  --mat-sys-on-primary-fixed: #410001;
  --mat-sys-on-primary-fixed-variant: #930007;
  --mat-sys-secondary: #c6c6c7;
  --mat-sys-on-secondary: #2f3131;
  --mat-sys-secondary-container: #454747;
  --mat-sys-on-secondary-container: #e2e2e2;
  --mat-sys-secondary-fixed: #e2e2e2;
  --mat-sys-secondary-fixed-dim: #c6c6c7;
  --mat-sys-on-secondary-fixed: #1a1c1c;
  --mat-sys-on-secondary-fixed-variant: #454747;
  --mat-sys-tertiary: #efb9b9;
  --mat-sys-on-tertiary: #492728;
  --mat-sys-tertiary-container: #623c3d;
  --mat-sys-on-tertiary-container: #ffdad9;
  --mat-sys-tertiary-fixed: #ffdad9;
  --mat-sys-tertiary-fixed-dim: #efb9b9;
  --mat-sys-on-tertiary-fixed: #301214;
  --mat-sys-on-tertiary-fixed-variant: #623c3d;
  --mat-sys-background: #151312;
  --mat-sys-on-background: #e8e1e0;
  --mat-sys-surface: #151312;
  --mat-sys-surface-dim: #151312;
  --mat-sys-surface-bright: #3c3838;
  --mat-sys-surface-container-lowest: #100e0d;
  --mat-sys-surface-container-low: #1e1b1a;
  --mat-sys-surface-container: #221f1e;
  --mat-sys-surface-container-high: #2c2929;
  --mat-sys-surface-container-highest: #373433;
  --mat-sys-on-surface: #e8e1e0;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #e0bfba;
  --mat-sys-inverse-surface: #e8e1e0;
  --mat-sys-inverse-on-surface: #33302f;
  --mat-sys-outline: #9c8e8b;
  --mat-sys-outline-variant: #504443;
  --mat-sys-neutral: #7b7675;
  --mat-sys-neutral10: #1e1b1a;
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-surface-variant: #504443;
  --mat-sys-on-surface-variant: #d4c3c1;
  --mat-sys-neutral-variant: #827472;
  --mat-sys-neutral-variant20: #392e2d;
  --mat-sys-inverse-secondary: #5d5f5f;
  --mat-sys-inverse-tertiary: #7d5354;
}

/* 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;
}