/* These tokens are generated using https://themes.angular-material.dev/ */
/* Preview: https://hotel-prykarpattya.rooms-wizard.com/?bold-font-weight=700&brand-font-family=Roboto&medium-font-weight=500&plain-font-family=Roboto&regular-font-weight=400&seed-error=%23ffb4ab&seed-neutral=%23787775&seed-neutral-variant=%23757871&seed-primary=%2382dc67&seed-secondary=%23aad199&seed-tertiary=%238dcdff */
/* Seed Colors: primary: #82dc67, secondary: #aad199, tertiary: #8dcdff, error: #ffb4ab, neutral: #787775, neutral-variant: #757871 */
/* Seed Typography: plain-font-family: Roboto, brand-font-family: Roboto, bold-font-weight: 700, medium-font-weight: 500, regular-font-weight: 400 */

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

/* Light Theme */
:root, :host {
  --mat-sys-primary: #156e00;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #9df980;
  --mat-sys-on-primary-container: #032100;
  --mat-sys-inverse-primary: #82dc67;
  --mat-sys-primary-fixed: #9df980;
  --mat-sys-primary-fixed-dim: #82dc67;
  --mat-sys-on-primary-fixed: #032100;
  --mat-sys-on-primary-fixed-variant: #0e5300;
  --mat-sys-secondary: #456739;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #c6eeb4;
  --mat-sys-on-secondary-container: #022100;
  --mat-sys-secondary-fixed: #c6eeb4;
  --mat-sys-secondary-fixed-dim: #aad199;
  --mat-sys-on-secondary-fixed: #022100;
  --mat-sys-on-secondary-fixed-variant: #2e4f24;
  --mat-sys-tertiary: #156490;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #cae6ff;
  --mat-sys-on-tertiary-container: #001e30;
  --mat-sys-tertiary-fixed: #cae6ff;
  --mat-sys-tertiary-fixed-dim: #8ecdff;
  --mat-sys-on-tertiary-fixed: #001e30;
  --mat-sys-on-tertiary-fixed-variant: #004b70;
  --mat-sys-background: #fdf8f7;
  --mat-sys-on-background: #1c1b1b;
  --mat-sys-surface: #fdf8f7;
  --mat-sys-surface-dim: #ddd9d8;
  --mat-sys-surface-bright: #fdf8f7;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #f7f3f2;
  --mat-sys-surface-container: #f1edec;
  --mat-sys-surface-container-high: #ebe7e6;
  --mat-sys-surface-container-highest: #e5e2e1;
  --mat-sys-on-surface: #1c1b1b;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #5f5e5c;
  --mat-sys-inverse-surface: #313030;
  --mat-sys-inverse-on-surface: #f4f0ef;
  --mat-sys-outline: #767872;
  --mat-sys-outline-variant: #c6c7c0;
  --mat-sys-neutral: #797776;
  --mat-sys-neutral10: #1c1b1b;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #410002;
  --mat-sys-surface-variant: #e2e3dc;
  --mat-sys-on-surface-variant: #454842;
  --mat-sys-neutral-variant: #767872;
  --mat-sys-neutral-variant20: #2f312c;
  --mat-sys-inverse-secondary: #aad199;
  --mat-sys-inverse-tertiary: #8ecdff;
}

/* Dark Theme */
.dark {
  --mat-sys-primary: #82dc67;
  --mat-sys-on-primary: #073900;
  --mat-sys-primary-container: #0e5300;
  --mat-sys-on-primary-container: #9df980;
  --mat-sys-inverse-primary: #156e00;
  --mat-sys-primary-fixed: #9df980;
  --mat-sys-primary-fixed-dim: #82dc67;
  --mat-sys-on-primary-fixed: #032100;
  --mat-sys-on-primary-fixed-variant: #0e5300;
  --mat-sys-secondary: #aad199;
  --mat-sys-on-secondary: #17370f;
  --mat-sys-secondary-container: #2e4f24;
  --mat-sys-on-secondary-container: #c6eeb4;
  --mat-sys-secondary-fixed: #c6eeb4;
  --mat-sys-secondary-fixed-dim: #aad199;
  --mat-sys-on-secondary-fixed: #022100;
  --mat-sys-on-secondary-fixed-variant: #2e4f24;
  --mat-sys-tertiary: #8ecdff;
  --mat-sys-on-tertiary: #00344f;
  --mat-sys-tertiary-container: #004b70;
  --mat-sys-on-tertiary-container: #cae6ff;
  --mat-sys-tertiary-fixed: #cae6ff;
  --mat-sys-tertiary-fixed-dim: #8ecdff;
  --mat-sys-on-tertiary-fixed: #001e30;
  --mat-sys-on-tertiary-fixed-variant: #004b70;
  --mat-sys-background: #141313;
  --mat-sys-on-background: #e5e2e1;
  --mat-sys-surface: #141313;
  --mat-sys-surface-dim: #141313;
  --mat-sys-surface-bright: #3a3939;
  --mat-sys-surface-container-lowest: #0e0e0e;
  --mat-sys-surface-container-low: #1c1b1b;
  --mat-sys-surface-container: #201f1f;
  --mat-sys-surface-container-high: #2b2a29;
  --mat-sys-surface-container-highest: #353434;
  --mat-sys-on-surface: #e5e2e1;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #c8c6c4;
  --mat-sys-inverse-surface: #e5e2e1;
  --mat-sys-inverse-on-surface: #313030;
  --mat-sys-outline: #90918b;
  --mat-sys-outline-variant: #454842;
  --mat-sys-neutral: #797776;
  --mat-sys-neutral10: #1c1b1b;
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-surface-variant: #454842;
  --mat-sys-on-surface-variant: #c6c7c0;
  --mat-sys-neutral-variant: #767872;
  --mat-sys-neutral-variant20: #2f312c;
  --mat-sys-inverse-secondary: #456739;
  --mat-sys-inverse-tertiary: #156490;
}

/* Typography */
:root, :host {
  --mat-sys-brand-font-family: Roboto;
  --mat-sys-plain-font-family: Roboto;
  --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);
}