/* ============================================================================
   BRAND TOKENS — brupaco.com
   Pelletteria & accessori moda
   ============================================================================
   Palette: vino/cacao + cognac + oro caldo.
   Radius contenuti. Font: Roboto (self-hosted, massima compatibilità).
   ============================================================================ */

:root {
  /* ========== COLORI BRAND ========== */
  --brand-primary: #6B2D3C;
  /* Vino/cacao — pelle scura */
  --brand-primary-hover: #542432;
  --brand-primary-dark: #3D1A24;
  --brand-primary-light: #8B4455;
  --brand-primary-lighter: #F7F0F2;
  --brand-primary-bg-hover: #F0E4E8;

  --brand-secondary: #A67C52;
  /* Cognac — cuoio naturale */
  --brand-secondary-hover: #8B6844;

  --brand-accent: #C9A84C;
  /* Oro caldo — dettagli lusso */

  /* ========== HEADER ========== */
  --brand-header-bg: #FFFEFB;
  /* Crema caldo, lascia respirare il logo */
  --brand-header-text: #1C1410;
  --brand-header-accent: var(--brand-primary);
  --brand-header-text-on-accent: #ffffff;

  /* ========== FOOTER ========== */
  --brand-footer-bg: #1C1410;
  /* Espresso scuro */
  --brand-footer-text: #E8DFD6;
  --brand-footer-accent: var(--brand-accent);
  --brand-footer-cta-text: var(--brand-footer-bg);
  --brand-footer-border: #2E241C;
  --brand-infoboxes-bg: #3D2A22;
  --brand-infoboxes-text: #ffffff;
  /* Testo chiaro su fondo scuro */

  /* ========== TIPOGRAFIA ========== */
  /* Roboto è già self-hosted in /static/css/fonts.css — niente Google Fonts */
  --brand-font-heading: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --brand-font-display: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --brand-font-body: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ========== BORDI (stile lusso: netti) ========== */
  --brand-radius-sm: 2px;
  --brand-radius-md: 4px;
  --brand-radius-lg: 6px;
  --brand-radius-xl: 8px;

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

  /* ========== ADMIN ========== */
  --brand-admin-primary: #6B2D3C;
  --brand-admin-primary-hover: #542432;
  --brand-admin-primary-light: #F0E4E8;
  --brand-admin-primary-rgb: 107, 45, 60;
  --brand-admin-hover-bg: #F7F0F2;
  --brand-admin-text-link: #6B2D3C;
  --brand-admin-text-link-hover: #542432;
  --brand-admin-border-focus: #C9A8B0;
  --brand-admin-chart-primary: #6B2D3C;
  --brand-admin-chart-primary-light: #A67C52;
}