/* GR.APP Default Branding — theme.css */
:root, [data-theme="light"] {
  --font-display: "Bricolage Grotesque", sans-serif !important;
  --font-body: "Inter", sans-serif !important;
  --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-card-hover: #e7edec;
  --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;

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

  --header-text: #000000;
  --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);

  --sidebar-text: #000000;
  --sidebar-text-active: #111111;
  --sidebar-text-muted: #595959;

  --footer-text: #000000;
  --footer-text-muted: #505050;
  --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: #535258;

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

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

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

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

.skeleton {
  --color-base-300: #e5e7eb !important;
  --color-base-100: #f9fafb !important;
}

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