/* These tokens are generated using https://themes.angular-material.dev/ */
/* Preview: https://ildecameron.rooms-wizard.com/?bold-font-weight=700&brand-font-family=Montserrat&medium-font-weight=500&plain-font-family=Montserrat&regular-font-weight=400&seed-error=%23ba1a1a&seed-neutral=%23c5a55f&seed-neutral-variant=%23F08635&seed-primary=%23c5a55f&seed-secondary=%236b5d40&seed-tertiary=%23546430 */
/* Seed Colors: primary: #c5a55f, secondary: #6b5d40, tertiary: #546430, error: #ba1a1a, neutral: #c5a55f, neutral-variant: #F08635 */
/* Seed Typography: plain-font-family: Montserrat, brand-font-family: Montserrat, bold-font-weight: 700, medium-font-weight: 500, regular-font-weight: 400 */

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

/* Light Theme */
:root, :host {
  --mat-sys-primary: #745b1c;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #ffdf9c;
  --mat-sys-on-primary-container: #251a00;
  --mat-sys-inverse-primary: #e4c279;
  --mat-sys-primary-fixed: #ffdf9c;
  --mat-sys-primary-fixed-dim: #e4c279;
  --mat-sys-on-primary-fixed: #251a00;
  --mat-sys-on-primary-fixed-variant: #5a4304;
  --mat-sys-secondary: #6b5d40;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #f4e0bb;
  --mat-sys-on-secondary-container: #241a04;
  --mat-sys-secondary-fixed: #f4e0bb;
  --mat-sys-secondary-fixed-dim: #d7c4a1;
  --mat-sys-on-secondary-fixed: #241a04;
  --mat-sys-on-secondary-fixed-variant: #52452a;
  --mat-sys-tertiary: #546430;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #d7eaa9;
  --mat-sys-on-tertiary-container: #151f00;
  --mat-sys-tertiary-fixed: #d7eaa9;
  --mat-sys-tertiary-fixed-dim: #bbce8f;
  --mat-sys-on-tertiary-fixed: #151f00;
  --mat-sys-on-tertiary-fixed-variant: #3d4c1b;
  --mat-sys-background: #fff8f2;
  --mat-sys-on-background: #1e1b16;
  --mat-sys-surface: #fff8f2;
  --mat-sys-surface-dim: #e0d9d0;
  --mat-sys-surface-bright: #fff8f2;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #faf2ea;
  --mat-sys-surface-container: #f4ede4;
  --mat-sys-surface-container-high: #efe7de;
  --mat-sys-surface-container-highest: #e9e1d9;
  --mat-sys-on-surface: #1e1b16;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #745b1c;
  --mat-sys-inverse-surface: #33302a;
  --mat-sys-inverse-on-surface: #f7f0e7;
  --mat-sys-outline: #7f7667;
  --mat-sys-outline-variant: #dcc1b2;
  --mat-sys-neutral: #7b766f;
  --mat-sys-neutral10: #1e1b16;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #410002;
  --mat-sys-surface-variant: #f9ddcd;
  --mat-sys-on-surface-variant: #564337;
  --mat-sys-neutral-variant: #897366;
  --mat-sys-neutral-variant20: #3d2d22;
  --mat-sys-inverse-secondary: #d7c4a1;
  --mat-sys-inverse-tertiary: #bbce8f;
}

/* Dark Theme */
.dark {
  --mat-sys-primary: #e4c279;
  --mat-sys-on-primary: #3f2e00;
  --mat-sys-primary-container: #5a4304;
  --mat-sys-on-primary-container: #ffdf9c;
  --mat-sys-inverse-primary: #745b1c;
  --mat-sys-primary-fixed: #ffdf9c;
  --mat-sys-primary-fixed-dim: #e4c279;
  --mat-sys-on-primary-fixed: #251a00;
  --mat-sys-on-primary-fixed-variant: #5a4304;
  --mat-sys-secondary: #d7c4a1;
  --mat-sys-on-secondary: #3a2f16;
  --mat-sys-secondary-container: #52452a;
  --mat-sys-on-secondary-container: #f4e0bb;
  --mat-sys-secondary-fixed: #f4e0bb;
  --mat-sys-secondary-fixed-dim: #d7c4a1;
  --mat-sys-on-secondary-fixed: #241a04;
  --mat-sys-on-secondary-fixed-variant: #52452a;
  --mat-sys-tertiary: #bbce8f;
  --mat-sys-on-tertiary: #273506;
  --mat-sys-tertiary-container: #3d4c1b;
  --mat-sys-on-tertiary-container: #d7eaa9;
  --mat-sys-tertiary-fixed: #d7eaa9;
  --mat-sys-tertiary-fixed-dim: #bbce8f;
  --mat-sys-on-tertiary-fixed: #151f00;
  --mat-sys-on-tertiary-fixed-variant: #3d4c1b;
  --mat-sys-background: #16130e;
  --mat-sys-on-background: #e9e1d9;
  --mat-sys-surface: #16130e;
  --mat-sys-surface-dim: #16130e;
  --mat-sys-surface-bright: #3c3933;
  --mat-sys-surface-container-lowest: #100e09;
  --mat-sys-surface-container-low: #1e1b16;
  --mat-sys-surface-container: #221f1a;
  --mat-sys-surface-container-high: #2d2a24;
  --mat-sys-surface-container-highest: #38342e;
  --mat-sys-on-surface: #e9e1d9;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #e4c279;
  --mat-sys-inverse-surface: #e9e1d9;
  --mat-sys-inverse-on-surface: #33302a;
  --mat-sys-outline: #999080;
  --mat-sys-outline-variant: #564337;
  --mat-sys-neutral: #7b766f;
  --mat-sys-neutral10: #1e1b16;
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-surface-variant: #564337;
  --mat-sys-on-surface-variant: #dcc1b2;
  --mat-sys-neutral-variant: #897366;
  --mat-sys-neutral-variant20: #3d2d22;
  --mat-sys-inverse-secondary: #6b5d40;
  --mat-sys-inverse-tertiary: #546430;
}

/* Typography */
:root, :host {
  --mat-sys-brand-font-family: Montserrat;
  --mat-sys-plain-font-family: Montserrat;
  --mat-sys-bold-font-weight: 700;
  --mat-sys-medium-font-weight: 500;
  --mat-sys-regular-font-weight: 400;
  --mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-title-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
  --mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  --mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
  --mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
  --mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
  --mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
  --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
  --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
  --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
  --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
  --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
  --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
  --mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
  --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
  --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
  --mat-sys-body-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-small-font: var(--mat-sys-plain-font-family);
}