/* Tokens de marca – Directorio Chincha.pe */
:root {
  /* Tipografía chincha.pe */
  --font-body: 'Quicksand', sans-serif;
  --font-heading: 'Montserrat', sans-serif;

  /* Marca directorio – granate chincha.pe #B20F0F, dorado, gris */
  --color-brand-primary: #B20F0F;
  --color-brand-primary-dark: #901010;
  --color-brand-gold: #B9984B;
  --color-brand-gold-light: #D4BC78;
  --color-brand-gold-dark: #947A3C;
  --color-brand-green: #28A745;
  --color-brand-green-dark: #1e7e34;
  --color-brand-green-light: #9fd86a;
  --color-brand-red: #DC3545;
  --color-brand-red-dark: #b02a37;
  --color-brand-grey: #4E4E4E;
  --color-brand-black: #111111;
  --color-text-heading: #2C3E50;
  --color-open: #28A745;
  --color-closed: #DC3545;

  /* Alias funcionales (ecommerce legacy) */
  --color-primary: var(--color-brand-gold);
  --color-primary-dark: var(--color-brand-gold-dark);
  --color-primary-submenu: var(--color-brand-primary-dark);
  --color-secondary: var(--color-brand-green);
  --color-accent: var(--color-brand-gold);
  --color-accent-orange: var(--color-brand-red);
  --color-accent-orange-dark: var(--color-brand-red-dark);

  /* Superficies */
  --color-background: #F5F5F5;
  --color-surface: #FFFFFF;
  --color-text-dark: #1a1a1a;
  --color-text-medium: #878C9F;
  --color-text-light: #8a8a8a;

  /* Bordes y sombras */
  --color-border-light: #E5E5E5;
  --color-border-focus: var(--color-brand-gold);
  --color-shadow-base: rgba(0, 0, 0, 0.06);
  --color-shadow-hover: rgba(185, 152, 75, 0.2);
  --color-primary-alpha-06: rgba(185, 152, 75, 0.06);
  --color-primary-alpha-08: rgba(185, 152, 75, 0.08);
  --color-primary-alpha-15: rgba(185, 152, 75, 0.15);
  --color-primary-alpha-25: rgba(185, 152, 75, 0.25);
  --radius-card: 12px;
  --radius-btn: 8px;
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.12);
  --container-max: 1320px;

  /* Header – barra granate estilo chincha.pe */
  --color-header: var(--color-brand-primary);
  --color-header-icono: #ffffff;
  --color-header-text: #ffffff;
  --color-header-menu-background: var(--color-brand-primary);
  --color-header-menu-text: #ffffff;
  --color-header-menu-background-active: transparent;
  --color-header-menu-text-active: #ffffff;
  --color-header-menu-underline-active: var(--color-brand-gold);
  --color-header-menu-background-hover: rgba(255, 255, 255, 0.08);
  --color-header-menu-text-hover: #ffffff;
  --color-header-menu-movil-text: var(--color-text-dark);
  --color-header-btn-uno: var(--color-brand-gold);
  --color-header-btn-uno-text: #ffffff;
  --color-header-btn-dos: transparent;
  --color-header-btn-dos-text: #ffffff;
  --color-header-btn-dos-hover: rgba(255, 255, 255, 0.12);
  --color-header-btn-dos-hover-text: #ffffff;
  --color-header-btn-tres: var(--color-brand-gold);
  --color-header-btn-tres-text: #ffffff;
  --color-header-topbar-bg: var(--color-brand-primary);
  --header-topbar-padding-top: 2px;
  --header-topbar-padding-bottom: 2px;
  --header-topbar-min-height: 48px;
  --header-logo-height: 48px;
  --header-logo-max-width: 100px;

  /* Footer */
  --color-accent-sec: #0a0a0a;
  --color-footer-bg: var(--color-brand-black);
  --color-footer-iconos: var(--color-brand-gold);
  --color-footer-text-title: #ffffff;
  --color-footer-text: #b0b0b0;
  --color-footer-text-gris: var(--color-brand-grey);
  --color-footer-marca: #ffffff;

  /* Estado */
  --color-success: var(--color-open);
  --color-danger: var(--color-closed);
  --color-info: #3b82f6;
  --color-cart-badge: var(--color-brand-red);
  --color-input-border: #E5E5E5;
  --color-desc-badge: var(--color-brand-red);
  --color-cart-title: var(--color-text-dark);

  /* Alias legacy ecommerce */
  --color-primary-green: var(--color-brand-green);
  --color-secondary-green: var(--color-brand-green);
  --color-light-green: var(--color-brand-green-light);
  --card-shadow-color: var(--color-shadow-base);
  --card-border-color: var(--color-border-light);
  --card-hover-border-color: var(--color-brand-gold);
  --card-hover-shadow: var(--color-shadow-hover);
  --card-hover-shadow-focus: var(--color-primary-alpha-25);
  --text-dark: var(--color-text-dark);
  --text-medium: var(--color-text-medium);
  --price-color: var(--color-brand-green);
  --button-color: var(--color-brand-gold);
}