/* GR.APP Default Branding — theme.css */
:root, [data-theme="light"] {
  --font-display: "Bricolage Grotesque", sans-serif;
  --font-body: "Inter", sans-serif;
  --body-text: #000000;

  --color-primary: #175248;
  --color-primary-content: #ffffff;
  --color-secondary: #ebe0d3;
  --color-secondary-content: #000000;
  --color-tertiary: #fade58;
  --color-tertiary-content: #000000;

  --color-success: #a0e5b3;
  --color-success-content: #000000;
  --color-warning: #fade58;
  --color-warning-content: #000000;
  --color-error: #f4bcae;
  --color-error-content: #000000;
  --color-danger: #A80000;
  --color-info: #000000;
  --color-info-content: #ffffff;

  --color-background: #fbf2ec;
  --color-base-100: #fbf2ec;
  --color-base-200: #ebe0d3;
  --color-base-300: #d3b99e;
  --color-base-content: #595959;
  --color-neutral: #595959;

  --color-coffee: #ebe0d3;
  --color-dark-coffee: #d3b99e;
  --color-grey: #505050;
  --color-light-grey: #aaaaaa;

  --color-primary-dark: #0B4F43;
  --color-primary-medium: #2A7D6F;
  --color-primary-hover: #0e4039;
  --color-footer-bg: #F0E1CE;
  --color-header-cta-bg: #fceee6;
  --color-header-cta-hover: #f5e6de;
  --color-cart-badge-bg: #2A7D6F;
  --color-disabled-bg: #9ebfba;

  --header-text: #175248;
  --header-text-muted: #484848;

  --header-surface-text: #000000;

  --header-action-bg: #000000;
  --header-action-text: #ffffff;
  --header-action-hover-bg: rgb(0 0 0 / 0.8);
  --header-action-border: #000000;
  --header-action-hover-text: #ffffff;
  --header-action-radius: 0.5rem;

  --progress-bg: #E7EDEC;
  --progress-track: rgba(20, 79, 69, 0.3);
  --progress-validated: #175248;
  --progress-user: #E0BA00;
  --progress-user-text: #E0BA00;
  --progress-group: rgba(20, 79, 69, 0.65);

  --bg-texture: url(/landing-assets/images/backgrounds/footerTexture.png);
  --bg-border: url(/landing-assets/images/backgrounds/bord-carton.webp);

  --sidebar-text: #000000;
  --sidebar-text-active: #ffffff;
  --sidebar-text-muted: #595959;
  --sidebar-divider: #aaaaaa;
  --sidebar-hover: rgb(0 0 0 / 0.1);

  --footer-text: #000000;
  --footer-text-muted: #595959;
  --footer-heading: #000000;

  --content-text: #595959;
  --content-heading: #111111;
  --content-text-muted: #535258;
  --content-link: #175248;

  --card-title: #111111;
  --card-text: #595959;
  --card-text-muted: #535258;
  --card-badge-text: #ffffff;

  --menu-text: #000000;
  --menu-text-active: #ffffff;
  --menu-text-muted: #595959;
  --menu-bg: #ffffff;
  --menu-border: #E9E1D5;
  --menu-hover: #FCF9F6;

  --cart-text: #000000;
  --cart-text-muted: #595959;
  --cart-text-action: #175248;
  --cart-text-disabled: #aaaaaa;

  --modal-text: #000000;
  --modal-text-muted: #595959;

  --badge-text: #ffffff;
  --badge-text-on-light: #000000;

  --table-header: #595959;
  --table-text: #000000;
  --table-link: #175248;

  --group-card-icon-color: #ffffff;

  --header-pickup-text: #000000;
  --header-banner-text: #ffffff;
  --header-banner-text-muted: rgba(255, 255, 255, 0.7);

  --color-payment-mobile-bg: #eeeeee;
  --color-payment-mobile-border: #d9d9d9;

  --header-search-bg: white;
  --header-search-border: #175248;
  --header-search-icon-bg: #175248;
  --header-search-icon-text: #ffffff;
  --header-search-text: #000000;

  --filter-toggle-bg: transparent;
  --filter-toggle-active-bg: #000000;
  --filter-toggle-text: #000000;
  --filter-toggle-active-text: #ffffff;
  --filter-toggle-border: #000000;
  --filter-toggle-hover-bg: rgba(0, 0, 0, 0.1);
  --filter-toggle-radius: 0.375rem;

  --btn-primary-bg: #175248;
  --btn-primary-text: #ffffff;
  --btn-primary-hover-bg: #0e4039;
  --btn-primary-hover-text: #ffffff;
  --btn-primary-hover-border: none;
  --btn-primary-disabled-bg: #17524880;
  --btn-primary-disabled-text: #ffffff;
  --btn-primary-border: none;
  --btn-primary-shadow: none;
  --btn-primary-radius: 0.5rem;
  --btn-primary-padding-x: 1rem;
  --btn-primary-padding-y: 0.5rem;

  --btn-secondary-bg: #ebe0d3;
  --btn-secondary-text: #000000;
  --btn-secondary-hover-bg: #d3b99e;
  --btn-secondary-hover-text: #000000;
  --btn-secondary-hover-border: none;
  --btn-secondary-disabled-bg: #ebe0d380;
  --btn-secondary-disabled-text: #000000;
  --btn-secondary-border: none;
  --btn-secondary-shadow: none;
  --btn-secondary-radius: 0.5rem;
  --btn-secondary-padding-x: 1rem;
  --btn-secondary-padding-y: 0.5rem;

  --btn-black-bg: #000000;
  --btn-black-text: #ffffff;
  --btn-black-hover-bg: rgb(0 0 0 / 0.8);
  --btn-black-hover-text: #ffffff;
  --btn-black-hover-border: none;
  --btn-black-border: none;
  --btn-black-shadow: none;
  --btn-black-radius: 0.5rem;
  --btn-black-padding-x: 1rem;
  --btn-black-padding-y: 0.5rem;

  --btn-black-outlined-bg: transparent;
  --btn-black-outlined-text: #000000;
  --btn-black-outlined-border: 1px solid #000000;
  --btn-black-outlined-hover-opacity: 0.7;
  --btn-black-outlined-radius: 0.5rem;
  --btn-black-outlined-padding-x: 1rem;
  --btn-black-outlined-padding-y: 0.5rem;

  --btn-secondary-outlined-bg: transparent;
  --btn-secondary-outlined-text: #000000;
  --btn-secondary-outlined-border: 1px solid #000000;
  --btn-secondary-outlined-hover-opacity: 0.7;
  --btn-secondary-outlined-radius: 0.5rem;
  --btn-secondary-outlined-padding-x: 1rem;
  --btn-secondary-outlined-padding-y: 0.5rem;
}

.toggle:checked,
.toggle[aria-checked="true"],
.toggle:has(> input:checked) {
  background-color: #ffffff !important;
}