:root {
  --color-primary-dark: #3e4f15;
  --color-primary-action: #526814;
  --color-primary: #738d25;
  --color-primary-light: #9caf55;
  --color-primary-pale: #f1f5e5;
  --color-secondary: #badfdf;
  --color-secondary-pale: #eaf5f5;
  --color-neutral-dark: #314144;
  --color-neutral: #597176;
  --color-neutral-light: #d8eaeb;
  --color-neutral-lighter: #f3f8f8;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-success: #3a6f46;
  --color-success-pale: #e9f3eb;
  --color-error: #a53f46;
  --color-error-hover: #8d3037;
  --color-error-pale: #fae9ea;
  --color-warning: #9a671f;
  --color-warning-pale: #fbf0dc;
  --color-info: #2f6f79;
  --color-info-pale: #e7f5f6;
  --color-nutriscore-a: #038141;
  --color-nutriscore-b: #85bb2f;
  --color-nutriscore-c: #fecb02;
  --color-nutriscore-d: #ee8100;
  --color-nutriscore-e: #e63312;
  --color-brand-dark: var(--color-primary-dark);
  --color-brand: var(--color-primary-action);
  --color-brand-light: var(--color-primary-light);
  --color-brand-pale: var(--color-primary-pale);
  --color-text-strong: #1d2b2e;
  --color-text-body: #314144;
  --color-text-muted: #597176;
  --color-text-soft: #71898e;
  --color-text: var(--color-text-body);
  --color-border: #d4e6e7;
  --color-border-subtle: #e5f0f0;
  --color-surface: #ffffff;
  --color-surface-subtle: #f0f8f8;
  --color-page-bg: #f3f8f8;
  --color-shell: var(--color-primary-dark);
  --color-shell-muted: #e8f0d5;
}

:root {
  --focus-color: var(--color-primary-action);
  --focus-outline: solid calc(2rem / 16) var(--focus-color);
  --focus-offset: calc(2rem / 16);
}

:root {
  --transition-duration: 0.2s;
  --transition-timing: ease-out;
}

:root {
  --container-padding-inline: calc(20rem / 16);
  --container-padding-block: calc(24rem / 16);
}

.alert {
  --alert-info-background-color: var(--color-info-pale);
  --alert-success-background-color: var(--color-success-pale);
  --alert-warning-background-color: var(--color-warning-pale);
  --alert-error-background-color: var(--color-error-pale);
}

.app-nav {
  --app-nav-background-color: var(--color-brand-dark);
  --app-nav-color: var(--color-white);
  --app-nav-badge-dev-background: var(--color-warning);
  --app-nav-badge-dev-color: var(--color-black);
  --app-nav-badge-admin-background: var(--color-secondary);
  --app-nav-badge-admin-color: var(--color-text-strong);
}

.avatar {
  --avatar-highlight-color: var(--color-primary);
  --avatar-name-color: var(--color-white);
  --avatar-name-background-color: var(--color-primary-dark);
}

.button {
  --button-border-radius: calc(4rem / 16);
  --button-default-background-color: var(--color-neutral-lighter);
  --button-default-color: var(--color-neutral-dark);
  --button-default-border-color: var(--color-neutral-light);
  --button-default-hover-background-color: var(--color-neutral-light);
  --button-hero-background-color: var(--color-primary-action);
  --button-hero-color: var(--color-white);
  --button-hero-hover-background-color: var(--color-primary-dark);
  --button-destructive-background-color: var(--color-error);
  --button-destructive-color: var(--color-white);
  --button-destructive-hover-background-color: var(--color-error-hover);
  --button-remove-background-color: var(--color-neutral-lighter);
  --button-remove-color: var(--color-text-muted);
  --button-remove-border-color: var(--color-neutral-light);
  --button-remove-hover-background-color: var(--color-error-pale);
  --button-remove-hover-color: var(--color-error);
  --button-remove-hover-border-color: var(--color-error-pale);
  --button-ghost-color: var(--color-primary-action);
  --button-ghost-hover-background-color: var(--color-primary-pale);
}

.meal-card {
  --meal-card-border-color: var(--color-border);
  --meal-card-header-bg: var(--color-brand-pale);
  --meal-card-day-name-color: var(--color-brand-dark);
  --meal-card-today-header-bg: var(--color-brand-dark);
  --meal-card-today-border-color: var(--color-brand-dark);
  --meal-card-slot-color: var(--color-brand);
  --meal-card-hover-shadow-color: color-mix(in srgb, var(--color-primary) 16%, transparent);
  --meal-card-today-pip-color: var(--color-brand-light);
}

.page-hero {
  --page-hero-default-background: var(--color-primary-dark);
  --page-hero-easy-background: var(--color-success);
  --page-hero-medium-background: var(--color-warning);
  --page-hero-hard-background: var(--color-error);
  --page-hero-background: var(--page-hero-default-background);
}

.tag {
  --tag-default-background-color: var(--color-neutral-light);
  --tag-default-color: var(--color-neutral-dark);
  --tag-primary-background-color: var(--color-primary-pale);
  --tag-primary-color: var(--color-primary-dark);
}

/*# sourceMappingURL=theme.css.map */