@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=Open+Sans:wght@400;700&display=swap");

:root {
  --color-primary: #6DA72F;
  --color-primary-50: #E6F4D7;
  --color-primary-100: #E1F2CF;
  --color-primary-200: #D2EBB7;
  --color-primary-300: #BBE194;
  --color-primary-400: #98D15C;
  --color-primary-500: #6DA72F;
  --color-primary-600: #568325;
  --color-primary-700: #41631C;
  --color-primary-800: #2A4012;
  --color-primary-900: #152009;
  --color-primary-950: #0A1004;
  --color-accent: #496F88;
  --color-accent-50: #DEE7ED;
  --color-accent-100: #D4E0E8;
  --color-accent-200: #C0D1DD;
  --color-accent-300: #A2BCCD;
  --color-accent-400: #749AB4;
  --color-accent-500: #496F88;
  --color-accent-600: #3B596D;
  --color-accent-700: #2B4150;
  --color-accent-800: #1D2B35;
  --color-accent-900: #0C1317;
  --color-accent-950: #05080A;
  --color-background: #ffffff;
  --color-foreground: #2b2b2b;
  --color-text-heading: #2b2b2b;
  --color-text-body: #3c3c3c;
  --color-text-muted: #6b6b6b;
  --color-text-placeholder: #9a9a9a;
  --color-text-disabled: #c5c5c5;
  --color-text-link: #476e1e;
  --color-text-link-hover: #375618;
  --color-surface: #f6f8f4;
  --color-surface-variant: #eef3e8;
  --color-surface-elevated: #ffffff;
  --color-border: #cde5ab;
  --color-border-light: #e6f2d5;
  --color-border-dark: #8ec34d;
  --color-semantic-success: #205823;
  --color-semantic-success-light: #a3c6a5;
  --color-semantic-success-border: #80a082;
  --color-semantic-success-readable: #205823;
  --color-semantic-error: #8b1c1c;
  --color-semantic-error-light: #e8a7a7;
  --color-semantic-error-border: #bf8181;
  --color-semantic-error-readable: #8b1c1c;
  --color-semantic-warning: #8a3100;
  --color-semantic-warning-light: #f4b28f;
  --color-semantic-warning-border: #bc8a6e;
  --color-semantic-warning-readable: #8a3100;
  --color-semantic-info: #0f4786;
  --color-semantic-info-light: #98bbe3;
  --color-semantic-info-border: #7696ba;
  --color-semantic-info-readable: #0f4786;
  --color-primary-readable: #4d7621;
  --color-text-muted-readable: #6b6b6b;
  --header-bg: #3c3c3c;
  --header-text: #ffffff;
  --header-link: #cde5ab;
  --header-link-hover: #e6f2d5;
  --header-border: #2b2b2b;
  --footer-bg: #2b2b2b;
  --footer-text: #e0e0e0;
  --footer-link: #aed479;
  --footer-link-hover: #cde5ab;
  --footer-border: #3c3c3c;
  --nav-bg: #476e1e;
  --nav-text: #ffffff;
  --nav-link: #cde5ab;
  --nav-link-hover: #ffffff;
  --nav-border: #375618;
  --color-btn-primary-bg: #476e1e;
  --color-btn-primary-text: #ffffff;
  --color-btn-primary-hover: #375618;
  --color-btn-primary-border: #476e1e;
  --color-btn-secondary-bg: #eef3e8;
  --color-btn-secondary-text: #2a4012;
  --color-btn-secondary-hover: #e6f2d5;
  --color-btn-secondary-border: #cde5ab;
  --font-family-heading: Fira Sans;
  --font-heading-weights: 400,700;
  --font-family-body: Open Sans;
  --font-body-weights: 400,700;
  --spacing-base: 4px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --border-width-thin: 1px;
  --border-width: 2px;
  --border-width-thick: 4px;
}

:root:where([data-theme-mode="light"]) {
  --color-primary: #6DA72F;
  --color-primary-50: #E6F4D7;
  --color-primary-100: #E1F2CF;
  --color-primary-200: #D2EBB7;
  --color-primary-300: #BBE194;
  --color-primary-400: #98D15C;
  --color-primary-500: #6DA72F;
  --color-primary-600: #568325;
  --color-primary-700: #41631C;
  --color-primary-800: #2A4012;
  --color-primary-900: #152009;
  --color-primary-950: #0A1004;
  --color-accent: #496F88;
  --color-accent-50: #DEE7ED;
  --color-accent-100: #D4E0E8;
  --color-accent-200: #C0D1DD;
  --color-accent-300: #A2BCCD;
  --color-accent-400: #749AB4;
  --color-accent-500: #496F88;
  --color-accent-600: #3B596D;
  --color-accent-700: #2B4150;
  --color-accent-800: #1D2B35;
  --color-accent-900: #0C1317;
  --color-accent-950: #05080A;
  --color-background: #ffffff;
  --color-foreground: #2b2b2b;
  --color-text-heading: #2b2b2b;
  --color-text-body: #3c3c3c;
  --color-text-muted: #6b6b6b;
  --color-text-placeholder: #9a9a9a;
  --color-text-disabled: #c5c5c5;
  --color-text-link: #476e1e;
  --color-text-link-hover: #375618;
  --color-surface: #f6f8f4;
  --color-surface-variant: #eef3e8;
  --color-surface-elevated: #ffffff;
  --color-border: #cde5ab;
  --color-border-light: #e6f2d5;
  --color-border-dark: #8ec34d;
  --color-semantic-success: #205823;
  --color-semantic-success-light: #a3c6a5;
  --color-semantic-success-border: #80a082;
  --color-semantic-success-readable: #205823;
  --color-semantic-error: #8b1c1c;
  --color-semantic-error-light: #e8a7a7;
  --color-semantic-error-border: #bf8181;
  --color-semantic-error-readable: #8b1c1c;
  --color-semantic-warning: #8a3100;
  --color-semantic-warning-light: #f4b28f;
  --color-semantic-warning-border: #bc8a6e;
  --color-semantic-warning-readable: #8a3100;
  --color-semantic-info: #0f4786;
  --color-semantic-info-light: #98bbe3;
  --color-semantic-info-border: #7696ba;
  --color-semantic-info-readable: #0f4786;
  --color-primary-readable: #4d7621;
  --color-text-muted-readable: #6b6b6b;
  --header-bg: #3c3c3c;
  --header-text: #ffffff;
  --header-link: #cde5ab;
  --header-link-hover: #e6f2d5;
  --header-border: #2b2b2b;
  --footer-bg: #2b2b2b;
  --footer-text: #e0e0e0;
  --footer-link: #aed479;
  --footer-link-hover: #cde5ab;
  --footer-border: #3c3c3c;
  --nav-bg: #476e1e;
  --nav-text: #ffffff;
  --nav-link: #cde5ab;
  --nav-link-hover: #ffffff;
  --nav-border: #375618;
  --color-btn-primary-bg: #476e1e;
  --color-btn-primary-text: #ffffff;
  --color-btn-primary-hover: #375618;
  --color-btn-primary-border: #476e1e;
  --color-btn-secondary-bg: #eef3e8;
  --color-btn-secondary-text: #2a4012;
  --color-btn-secondary-hover: #e6f2d5;
  --color-btn-secondary-border: #cde5ab;
  --font-family-heading: Fira Sans;
  --font-heading-weights: 400,700;
  --font-family-body: Open Sans;
  --font-body-weights: 400,700;
  --spacing-base: 4px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --border-width-thin: 1px;
  --border-width: 2px;
  --border-width-thick: 4px;
}

.mat-card-price-text.ng-star-inserted {color: #ffffff;}