/* These tokens are generated using https://themes.angular-material.dev/ */ /* Preview: https://emilyresort.rooms-wizard.com/?bold-font-weight=700&brand-font-family=Playfair%20Display&medium-font-weight=500&plain-font-family=Open%20Sans®ular-font-weight=400&seed-error=%23ffb4ab&seed-neutral=%23797769&seed-neutral-variant=%237a7861&seed-primary=%23C0BD00&seed-secondary=%23ccca81&seed-tertiary=%2389da65 */ /* Seed Colors: primary: #C0BD00, secondary: #ccca81, tertiary: #89da65, error: #ffb4ab, neutral: #797769, neutral-variant: #7a7861 */ /* Seed Typography: plain-font-family: Open Sans, brand-font-family: Playfair Display, bold-font-weight: 700, medium-font-weight: 500, regular-font-weight: 400 */ /* Make sure to import fonts in `` of html */ /* OR */ @import url('https://fonts.googleapis.com/css2?family=Playfair Display&family=Open Sans&display=swap'); /* Light Theme */ :root, :host { --mat-sys-primary: #636100; --mat-sys-on-primary: #ffffff; --mat-sys-primary-container: #ece93f; --mat-sys-on-primary-container: #1d1d00; --mat-sys-inverse-primary: #cfcc1f; --mat-sys-primary-fixed: #ece93f; --mat-sys-primary-fixed-dim: #cfcc1f; --mat-sys-on-primary-fixed: #1d1d00; --mat-sys-on-primary-fixed-variant: #4a4900; --mat-sys-secondary: #626124; --mat-sys-on-secondary: #ffffff; --mat-sys-secondary-container: #e9e69a; --mat-sys-on-secondary-container: #1d1d00; --mat-sys-secondary-fixed: #e9e69a; --mat-sys-secondary-fixed-dim: #ccca81; --mat-sys-on-secondary-fixed: #1d1d00; --mat-sys-on-secondary-fixed-variant: #4a490d; --mat-sys-tertiary: #246d00; --mat-sys-on-tertiary: #ffffff; --mat-sys-tertiary-container: #a4f87e; --mat-sys-on-tertiary-container: #062100; --mat-sys-tertiary-fixed: #a4f87e; --mat-sys-tertiary-fixed-dim: #89da65; --mat-sys-on-tertiary-fixed: #062100; --mat-sys-on-tertiary-fixed-variant: #195200; --mat-sys-background: #fdf8f6; --mat-sys-on-background: #1c1b1a; --mat-sys-surface: #fdf8f6; --mat-sys-surface-dim: #ddd9d7; --mat-sys-surface-bright: #fdf8f6; --mat-sys-surface-container-lowest: #ffffff; --mat-sys-surface-container-low: #f7f3f0; --mat-sys-surface-container: #f1edeb; --mat-sys-surface-container-high: #ebe7e5; --mat-sys-surface-container-highest: #e6e2df; --mat-sys-on-surface: #1c1b1a; --mat-sys-shadow: #000000; --mat-sys-scrim: #000000; --mat-sys-surface-tint: #605f52; --mat-sys-inverse-surface: #31302f; --mat-sys-inverse-on-surface: #f4f0ed; --mat-sys-outline: #79776e; --mat-sys-outline-variant: #cac6bb; --mat-sys-neutral: #797775; --mat-sys-neutral10: #1c1b1a; --mat-sys-error: #ba1a1a; --mat-sys-error-container: #ffdad6; --mat-sys-on-error: #ffffff; --mat-sys-on-error-container: #410002; --mat-sys-surface-variant: #e6e2d6; --mat-sys-on-surface-variant: #48473e; --mat-sys-neutral-variant: #79776d; --mat-sys-neutral-variant20: #323128; --mat-sys-inverse-secondary: #ccca81; --mat-sys-inverse-tertiary: #89da65; } /* Dark Theme */ .dark { --mat-sys-primary: #cfcc1f; --mat-sys-on-primary: #333200; --mat-sys-primary-container: #4a4900; --mat-sys-on-primary-container: #ece93f; --mat-sys-inverse-primary: #636100; --mat-sys-primary-fixed: #ece93f; --mat-sys-primary-fixed-dim: #cfcc1f; --mat-sys-on-primary-fixed: #1d1d00; --mat-sys-on-primary-fixed-variant: #4a4900; --mat-sys-secondary: #ccca81; --mat-sys-on-secondary: #333200; --mat-sys-secondary-container: #4a490d; --mat-sys-on-secondary-container: #e9e69a; --mat-sys-secondary-fixed: #e9e69a; --mat-sys-secondary-fixed-dim: #ccca81; --mat-sys-on-secondary-fixed: #1d1d00; --mat-sys-on-secondary-fixed-variant: #4a490d; --mat-sys-tertiary: #89da65; --mat-sys-on-tertiary: #0f3900; --mat-sys-tertiary-container: #195200; --mat-sys-on-tertiary-container: #a4f87e; --mat-sys-tertiary-fixed: #a4f87e; --mat-sys-tertiary-fixed-dim: #89da65; --mat-sys-on-tertiary-fixed: #062100; --mat-sys-on-tertiary-fixed-variant: #195200; --mat-sys-background: #141312; --mat-sys-on-background: #e6e2df; --mat-sys-surface: #141312; --mat-sys-surface-dim: #141312; --mat-sys-surface-bright: #3a3938; --mat-sys-surface-container-lowest: #0f0e0d; --mat-sys-surface-container-low: #1c1b1a; --mat-sys-surface-container: #201f1e; --mat-sys-surface-container-high: #2b2a28; --mat-sys-surface-container-highest: #363533; --mat-sys-on-surface: #e6e2df; --mat-sys-shadow: #000000; --mat-sys-scrim: #000000; --mat-sys-surface-tint: #cac7b7; --mat-sys-inverse-surface: #e6e2df; --mat-sys-inverse-on-surface: #31302f; --mat-sys-outline: #939187; --mat-sys-outline-variant: #48473e; --mat-sys-neutral: #797775; --mat-sys-neutral10: #1c1b1a; --mat-sys-error: #ffb4ab; --mat-sys-error-container: #93000a; --mat-sys-on-error: #690005; --mat-sys-on-error-container: #ffdad6; --mat-sys-surface-variant: #48473e; --mat-sys-on-surface-variant: #cac6bb; --mat-sys-neutral-variant: #79776d; --mat-sys-neutral-variant20: #323128; --mat-sys-inverse-secondary: #626124; --mat-sys-inverse-tertiary: #246d00; } /* Typography */ :root, :host { --mat-sys-brand-font-family: Playfair Display; --mat-sys-plain-font-family: Open Sans; --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); --mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight); --mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight); --mat-sys-label-large-weight: var(--mat-sys-medium-font-weight); --mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight); --mat-sys-label-small-weight: var(--mat-sys-medium-font-weight); --mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight); --mat-sys-title-small-weight: var(--mat-sys-medium-font-weight); --mat-sys-body-large-weight: var(--mat-sys-regular-font-weight); --mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight); --mat-sys-body-small-weight: var(--mat-sys-regular-font-weight); --mat-sys-display-large-weight: var(--mat-sys-regular-font-weight); --mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight); --mat-sys-display-small-weight: var(--mat-sys-regular-font-weight); --mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight); --mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight); --mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight); --mat-sys-title-large-weight: var(--mat-sys-regular-font-weight); }