/* These tokens are generated using https://themes.angular-material.dev/ */
/* Preview: https://pensiuneatoscana.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=%23ffb4ab&seed-neutral=%23787676&seed-neutral-variant=%23747879&seed-primary=%23c08a3e&seed-secondary=%23bdcbb0&seed-tertiary=%23c6c7bc&surface=%23f5efe1 */
/* Seed Colors: primary: #c08a3e, secondary: #bdcbb0, tertiary: #c6c7bc, error: #ffb4ab, neutral: #787676, neutral-variant: #747879 */
/* Modified System Colors: surface: #f5efe1 */
/* 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: #825509;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #ffddb5;
  --mat-sys-on-primary-container: #2a1800;
  --mat-sys-inverse-primary: #f8bb6a;
  --mat-sys-primary-fixed: #ffddb5;
  --mat-sys-primary-fixed-dim: #f8bb6a;
  --mat-sys-on-primary-fixed: #2a1800;
  --mat-sys-on-primary-fixed-variant: #643f00;
  --mat-sys-secondary: #55624c;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #d9e7cb;
  --mat-sys-on-secondary-container: #141e0d;
  --mat-sys-secondary-fixed: #d9e7cb;
  --mat-sys-secondary-fixed-dim: #bdcbb0;
  --mat-sys-on-secondary-fixed: #141e0d;
  --mat-sys-on-secondary-fixed-variant: #3e4a36;
  --mat-sys-tertiary: #5d5f56;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #e3e3d8;
  --mat-sys-on-tertiary-container: #1a1c15;
  --mat-sys-tertiary-fixed: #e3e3d8;
  --mat-sys-tertiary-fixed-dim: #c6c7bc;
  --mat-sys-on-tertiary-fixed: #1a1c15;
  --mat-sys-on-tertiary-fixed-variant: #46483f;
  --mat-sys-background: #fdf8f8;
  --mat-sys-on-background: #1c1b1b;
  --mat-sys-surface: #f5efe1;
  --mat-sys-surface-dim: #ddd9d8;
  --mat-sys-surface-bright: #fdf8f8;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #f7f3f2;
  --mat-sys-surface-container: #f1edec;
  --mat-sys-surface-container-high: #ebe7e7;
  --mat-sys-surface-container-highest: #e5e2e1;
  --mat-sys-on-surface: #1c1b1b;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #5f5e5e;
  --mat-sys-inverse-surface: #313030;
  --mat-sys-inverse-on-surface: #f4f0ef;
  --mat-sys-outline: #77777b;
  --mat-sys-outline-variant: #c4c7c8;
  --mat-sys-neutral: #787676;
  --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: #e0e3e4;
  --mat-sys-on-surface-variant: #434748;
  --mat-sys-neutral-variant: #747879;
  --mat-sys-neutral-variant20: #2d3132;
  --mat-sys-inverse-secondary: #bdcbb0;
  --mat-sys-inverse-tertiary: #c6c7bc;
}

/* Dark Theme */
.dark {
  --mat-sys-primary: #f8bb6a;
  --mat-sys-on-primary: #462b00;
  --mat-sys-primary-container: #643f00;
  --mat-sys-on-primary-container: #ffddb5;
  --mat-sys-inverse-primary: #825509;
  --mat-sys-primary-fixed: #ffddb5;
  --mat-sys-primary-fixed-dim: #f8bb6a;
  --mat-sys-on-primary-fixed: #2a1800;
  --mat-sys-on-primary-fixed-variant: #643f00;
  --mat-sys-secondary: #bdcbb0;
  --mat-sys-on-secondary: #283421;
  --mat-sys-secondary-container: #3e4a36;
  --mat-sys-on-secondary-container: #d9e7cb;
  --mat-sys-secondary-fixed: #d9e7cb;
  --mat-sys-secondary-fixed-dim: #bdcbb0;
  --mat-sys-on-secondary-fixed: #141e0d;
  --mat-sys-on-secondary-fixed-variant: #3e4a36;
  --mat-sys-tertiary: #c6c7bc;
  --mat-sys-on-tertiary: #2f312a;
  --mat-sys-tertiary-container: #46483f;
  --mat-sys-on-tertiary-container: #e3e3d8;
  --mat-sys-tertiary-fixed: #e3e3d8;
  --mat-sys-tertiary-fixed-dim: #c6c7bc;
  --mat-sys-on-tertiary-fixed: #1a1c15;
  --mat-sys-on-tertiary-fixed-variant: #46483f;
  --mat-sys-background: #141313;
  --mat-sys-on-background: #e5e2e1;
  --mat-sys-surface: #f5efe1;
  --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: #2b2a2a;
  --mat-sys-surface-container-highest: #363434;
  --mat-sys-on-surface: #e5e2e1;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #c9c6c5;
  --mat-sys-inverse-surface: #e5e2e1;
  --mat-sys-inverse-on-surface: #313030;
  --mat-sys-outline: #919094;
  --mat-sys-outline-variant: #434748;
  --mat-sys-neutral: #787676;
  --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: #434748;
  --mat-sys-on-surface-variant: #c4c7c8;
  --mat-sys-neutral-variant: #747879;
  --mat-sys-neutral-variant20: #2d3132;
  --mat-sys-inverse-secondary: #55624c;
  --mat-sys-inverse-tertiary: #5d5f56;
}

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