/* ============================================
   ORLANDI S.A. — Design Tokens
   Espejo de js/tailwind.config.js (paleta brand/neutral + tipografías).
   Tailwind sigue resolviendo las clases utilitarias; estas variables
   quedan disponibles para CSS propio y componentes con Shadow DOM
   (ej: ProductCard.js) que no reciben las clases de Tailwind.
   ============================================ */

:root {
  /* COLOR DE MARCA (acento / CTA) */
  --brand-50:  #FFF5ED;
  --brand-100: #FFE8D4;
  --brand-200: #FFCDA8;
  --brand-300: #FFAB71;
  --brand-400: #FF8338;
  --brand-500: #F26522;
  --brand-600: #E34A0E;
  --brand-700: #BC350E;
  --brand-800: #962C14;
  --brand-900: #792714;
  --brand-950: #411008;

  /* NEUTROS */
  --neutral-50:  #FAFAF9;
  --neutral-100: #F5F5F3;
  --neutral-200: #E7E5E1;
  --neutral-300: #D6D3CD;
  --neutral-400: #A8A29E;
  --neutral-500: #78716C;
  --neutral-600: #57534E;
  --neutral-700: #44403C;
  --neutral-800: #292524;
  --neutral-900: #1C1917;
  --neutral-950: #0F0E0D;

  /* SEMANTICOS */
  --main-color: var(--neutral-900);
  --main-color-contrast: #ffffff;
  --accent-color: var(--brand-500);
  --accent-color-contrast: #ffffff;
  --success-color: #22c55e;
  --danger-color: #dc2626;

  /* TIPOGRAFIA */
  --font-display: 'Urbanist', sans-serif;
  --font-body: 'Manrope', sans-serif;

  /* IVA (precios "Sin IVA" mostrados en la maqueta) */
  --iva-rate: 0.21;
}