/* ============================================
   Carnicería Alazán — Sistema de diseño
   Paleta: beige · marrón · negro
   ============================================ */

:root {
  /* Backgrounds */
  --bg: #FAF5EC;            /* Crema cálida principal */
  --bg-warm: #F0E6D2;       /* Beige más cálido */
  --bg-deep: #E8DCC4;       /* Beige saturado */
  --paper: #FDFBF5;         /* Casi blanco / papel */

  /* Tintas */
  --ink: #0A0807;           /* Negro cálido (igual que el logo) */
  --ink-soft: #2A1F18;      /* Marrón muy oscuro */
  --ink-medium: #4A3A2E;
  --ink-muted: #8B7A6A;     /* Marrón apagado para textos secundarios */

  /* Marrón / acento */
  --brown: #6B4226;         /* Chocolate */
  --brown-dark: #3D2817;
  --brown-light: #8B5A2B;
  --warm: #A87842;          /* Marrón cálido */

  /* Dorado sutil (detalles) */
  --gold: #C9A55C;
  --gold-soft: #E4C988;
  --gold-dark: #8A6A1E;

  /* Líneas y separadores */
  --line: #E5DBC8;
  --line-strong: #D4C5AC;
  --line-soft: #EFE7D5;

  /* Estados */
  --success: #4A6E47;
  --success-bg: rgba(143, 181, 138, 0.18);
  --warning: #8A6A1E;
  --warning-bg: rgba(201, 165, 92, 0.18);
  --danger: #8B1A1A;
  --danger-bg: rgba(139, 26, 26, 0.10);

  /* Gradientes */
  --grad-dark: linear-gradient(135deg, #1A0F0A 0%, #0A0807 100%);
  --grad-brown: linear-gradient(135deg, #6B4226 0%, #3D2817 100%);
  --grad-warm: linear-gradient(135deg, #8B5A2B 0%, #6B4226 100%);
  --grad-gold: linear-gradient(135deg, #C9A55C 0%, #E4C988 100%);

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(26, 15, 8, 0.04), 0 1px 3px rgba(26, 15, 8, 0.06);
  --shadow-md: 0 4px 12px rgba(26, 15, 8, 0.06), 0 12px 32px rgba(26, 15, 8, 0.08);
  --shadow-lg: 0 12px 28px rgba(107, 66, 38, 0.18), 0 24px 56px rgba(26, 15, 8, 0.12);
  --shadow-deep: 0 20px 60px rgba(0, 0, 0, 0.25);

  /* Radios */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 100px;

  /* Tipografía */
  --font-display: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* Espaciado */
  --space-xs: 8px;
  --space-sm: 14px;
  --space-md: 22px;
  --space-lg: 36px;
  --space-xl: 60px;
  --space-2xl: 100px;

  /* Container */
  --container-max: 1240px;
  --container-pad: 24px;

  /* Transiciones */
  --transition-fast: 0.15s ease;
  --transition: 0.25s ease;
  --transition-slow: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Z-indices */
  --z-base: 1;
  --z-sticky: 50;
  --z-nav: 100;
  --z-overlay: 500;
  --z-modal: 1000;
  --z-float: 90;
}