/* ============================================================================
   BRAND TOKENS — mando-re.com / Mandorè
   ============================================================================
   Palette ufficiale (riferimento brand):
     Mustard       #FFDA53  → accento (badge, highlight, corona)
     Muted Teal    #889C82  → secondario soft
     Lemon Chiffon #F1F0CC  → wash leggeri (non superfici intere)
     Soft Fawn     #D5BF86  → mandorla logo
     Faded Copper  #8D775F  → primary brand

   Regola: i colori ufficiali NON vanno usati 1:1 su tutto l'UI.
   Header/body restano chiari e puliti; la palette entra come accenti.
   ============================================================================ */

:root {
  /* ========== COLORI BRAND ========== */
  --brand-primary: #7A664F;
  /* Copper approfondito — CTA leggibili su bianco (WCAG) */
  --brand-primary-hover: #5C4A3A;
  --brand-primary-dark: #3F342B;
  --brand-primary-light: #A89278;
  --brand-primary-lighter: #F7F4EC;
  --brand-primary-bg-hover: #F0EBE3;

  --brand-secondary: #6F8168;
  /* Sage un filo più saturo del #889C82 ufficiale */
  --brand-secondary-hover: #5A6B54;

  --brand-accent: #E8C43A;
  /* Mustard smorzato (meno fluorescente del #FFDA53 puro) */

  /* ========== HEADER — bianco pulito, non chiffon pieno ========== */
  --brand-header-bg: #FFFFFF;
  --brand-header-text: #3F342B;
  --brand-header-accent: #8D775F;
  /* Barra top = copper ufficiale */
  --brand-header-text-on-accent: #ffffff;

  /* ========== FOOTER ========== */
  --brand-footer-bg: #3F342B;
  --brand-footer-text: #F7F4EC;
  --brand-footer-accent: var(--brand-accent);
  --brand-footer-cta-text: #3F342B;
  --brand-footer-border: #5C4A3A;
  --brand-infoboxes-bg: #F3F0E8;
  /* Warm wash chiaro */
  --brand-infoboxes-text: #3F342B;
  /* Testo scuro su fondo chiaro */

  /* ========== TIPOGRAFIA ========== */
  --brand-font-heading: 'Nunito', system-ui, sans-serif;
  --brand-font-display: 'Nunito', system-ui, sans-serif;
  --brand-font-body: 'Nunito', system-ui, sans-serif;

  /* ========== BORDI ========== */
  --brand-radius-sm: 8px;
  --brand-radius-md: 12px;
  --brand-radius-lg: 16px;
  --brand-radius-xl: 20px;

  /* ========== PRODOTTI ========== */
  --brand-product-card-radius: 14px;
  --brand-price-color: var(--brand-primary-dark);
  --brand-availability-color: var(--brand-secondary);

  /* ========== ADMIN ========== */
  --brand-admin-primary: #7A664F;
  --brand-admin-primary-hover: #5C4A3A;
  --brand-admin-primary-light: #F7F4EC;
  --brand-admin-primary-rgb: 122, 102, 79;
  --brand-admin-hover-bg: #F0EBE3;
  --brand-admin-text-link: #7A664F;
  --brand-admin-text-link-hover: #5C4A3A;
  --brand-admin-border-focus: #D5BF86;
  --brand-admin-chart-primary: #7A664F;
  --brand-admin-chart-primary-light: #E8C43A;
}