/* These tokens are generated using https://themes.angular-material.dev/ */
/* Preview: https://7dniv.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=%2375796c&seed-neutral-variant=%23727a67&seed-primary=%236fad2d&seed-secondary=%236fad2d&seed-tertiary=%23bee991 */
/* Seed Colors: primary: #6fad2d, secondary: #6fad2d, tertiary: #bee991, error: #ba1a1a, neutral: #75796c, neutral-variant: #727a67 */
/* 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: #3b6a00;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #b2f66d;
  --mat-sys-on-primary-container: #0e2000;
  --mat-sys-inverse-primary: #97d954;
  --mat-sys-primary-fixed: #b2f66d;
  --mat-sys-primary-fixed-dim: #97d954;
  --mat-sys-on-primary-fixed: #0e2000;
  --mat-sys-on-primary-fixed-variant: #2b5000;
  --mat-sys-secondary: #3b6a00;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #b2f66d;
  --mat-sys-on-secondary-container: #0e2000;
  --mat-sys-secondary-fixed: #b2f66d;
  --mat-sys-secondary-fixed-dim: #97d954;
  --mat-sys-on-secondary-fixed: #0e2000;
  --mat-sys-on-secondary-fixed-variant: #2b5000;
  --mat-sys-tertiary: #446820;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #c5f097;
  --mat-sys-on-tertiary-container: #0e2000;
  --mat-sys-tertiary-fixed: #c5f097;
  --mat-sys-tertiary-fixed-dim: #a9d37e;
  --mat-sys-on-tertiary-fixed: #0e2000;
  --mat-sys-on-tertiary-fixed-variant: #2e4f07;
  --mat-sys-background: #fcf9f6;
  --mat-sys-on-background: #1c1c1a;
  --mat-sys-surface: #fcf9f6;
  --mat-sys-surface-dim: #dcd9d7;
  --mat-sys-surface-bright: #fcf9f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #f6f3f1;
  --mat-sys-surface-container: #f1edeb;
  --mat-sys-surface-container-high: #ebe7e5;
  --mat-sys-surface-container-highest: #e5e2e0;
  --mat-sys-on-surface: #1c1c1a;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #5c6054;
  --mat-sys-inverse-surface: #31302f;
  --mat-sys-inverse-on-surface: #f3f0ee;
  --mat-sys-outline: #767870;
  --mat-sys-outline-variant: #c6c7be;
  --mat-sys-neutral: #787775;
  --mat-sys-neutral10: #1c1c1a;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #410002;
  --mat-sys-surface-variant: #e2e3d9;
  --mat-sys-on-surface-variant: #454840;
  --mat-sys-neutral-variant: #767870;
  --mat-sys-neutral-variant20: #2f312b;
  --mat-sys-inverse-secondary: #97d954;
  --mat-sys-inverse-tertiary: #a9d37e;
}

/* Dark Theme */
.dark {
  --mat-sys-primary: #97d954;
  --mat-sys-on-primary: #1c3700;
  --mat-sys-primary-container: #2b5000;
  --mat-sys-on-primary-container: #b2f66d;
  --mat-sys-inverse-primary: #3b6a00;
  --mat-sys-primary-fixed: #b2f66d;
  --mat-sys-primary-fixed-dim: #97d954;
  --mat-sys-on-primary-fixed: #0e2000;
  --mat-sys-on-primary-fixed-variant: #2b5000;
  --mat-sys-secondary: #97d954;
  --mat-sys-on-secondary: #1c3700;
  --mat-sys-secondary-container: #2b5000;
  --mat-sys-on-secondary-container: #b2f66d;
  --mat-sys-secondary-fixed: #b2f66d;
  --mat-sys-secondary-fixed-dim: #97d954;
  --mat-sys-on-secondary-fixed: #0e2000;
  --mat-sys-on-secondary-fixed-variant: #2b5000;
  --mat-sys-tertiary: #a9d37e;
  --mat-sys-on-tertiary: #1c3700;
  --mat-sys-tertiary-container: #2e4f07;
  --mat-sys-on-tertiary-container: #c5f097;
  --mat-sys-tertiary-fixed: #c5f097;
  --mat-sys-tertiary-fixed-dim: #a9d37e;
  --mat-sys-on-tertiary-fixed: #0e2000;
  --mat-sys-on-tertiary-fixed-variant: #2e4f07;
  --mat-sys-background: #131312;
  --mat-sys-on-background: #e5e2e0;
  --mat-sys-surface: #131312;
  --mat-sys-surface-dim: #131312;
  --mat-sys-surface-bright: #3a3938;
  --mat-sys-surface-container-lowest: #0e0e0d;
  --mat-sys-surface-container-low: #1c1c1a;
  --mat-sys-surface-container: #20201e;
  --mat-sys-surface-container-high: #2a2a29;
  --mat-sys-surface-container-highest: #353533;
  --mat-sys-on-surface: #e5e2e0;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #c5c8b9;
  --mat-sys-inverse-surface: #e5e2e0;
  --mat-sys-inverse-on-surface: #31302f;
  --mat-sys-outline: #909189;
  --mat-sys-outline-variant: #454840;
  --mat-sys-neutral: #787775;
  --mat-sys-neutral10: #1c1c1a;
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-surface-variant: #454840;
  --mat-sys-on-surface-variant: #c6c7be;
  --mat-sys-neutral-variant: #767870;
  --mat-sys-neutral-variant20: #2f312b;
  --mat-sys-inverse-secondary: #3b6a00;
  --mat-sys-inverse-tertiary: #446820;
}

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