/*
  Kraft Industrial v3 — calibrada sobre el logo real (no colores inventados).
  --gold y --ink se muestrearon por promedio de píxeles del emblema real
  (logo_insumos_hernandez_300dpi_fondo_blanco.jpg): dorado promedio #A38C3B,
  tinta oscura promedio #3C3933. --paper viene de papel kraft sin blanquear
  (~#D5B59C) aclarado para fondo de pantalla; --secondary es verde de
  reciclaje/FSC (~#09710D) templado para convivir con el kraft.
*/
:root{
  /* Marca */
  --gold: #A6883A;
  --gold-deep: #7C6329;
  --ink: #33302A;
  --ink-soft: #4A453C;

  /* Superficies */
  --paper: #F1E4D3;
  --surface: #FFFFFF;
  --surface-2: #EBDDC8;
  --border: #DCC9A6;
  --border-strong: #C7AF88;

  /* Texto */
  --text: var(--ink);
  --text-muted: #756F63;
  --text-faint: #948C7C;
  --on-dark: #F5F1E6;

  /* Acento secundario — verde de reciclaje/FSC (~#09710D), templado para convivir con el kraft */
  --green: #3C7A4A;
  --green-deep: #275434;

  /* Estado */
  --success-bg: #E5F1EA;
  --success-text: #1E4A35;
  --whatsapp: #25D366;
  --whatsapp-deep: #1DA851;

  /* Tipografía */
  --font-display: 'Archivo', 'Arial Narrow', sans-serif;
  --font-body: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Escala */
  --step--1: clamp(0.83rem, 0.8rem + 0.1vw, 0.9rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.05rem);
  --step-1:  clamp(1.2rem, 1.1rem + 0.4vw, 1.3rem);
  --step-2:  clamp(1.5rem, 1.3rem + 0.8vw, 1.75rem);
  --step-3:  clamp(1.9rem, 1.6rem + 1.4vw, 2.4rem);
  --step-4:  clamp(2.4rem, 1.9rem + 2.2vw, 3.2rem);

  /* Layout */
  --container: 1180px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(28,26,23,.05), 0 3px 10px -4px rgba(28,26,23,.12);
  --shadow-md: 0 6px 24px -8px rgba(28,26,23,.22);
  --header-h: 76px;
}