/**
 * MiVaca — Design Tokens & CSS Variables
 * Paleta AgTech Editorial Refinada (Propuesta A Aprobada)
 */

:root {
  /* Paleta Cromática AgTech */
  --bg-main: #FAF8F5;          /* Fondo cálido canvas natural */
  --bg-surface: #FFFFFF;       /* Superficie blanca limpia */
  --bg-muted: #F2EFE9;         /* Tono tierra claro para tarjetas */
  --bg-dark: #15271E;          /* Verde bosque muy oscuro institucional (footer) */
  --bg-dark-card: #1C3328;     /* Tarjeta en bloque oscuro */
  
  /* Textos */
  --text-primary: #18231C;     /* Texto principal de alto contraste */
  --text-secondary: #435449;   /* Texto secundario de lectura */
  --text-muted: #6E7F73;       /* Texto atenuado y notas al pie */
  --text-inverse: #FFFFFF;     /* Texto sobre fondos oscuros */
  
  /* Identidad de Marca */
  --brand-forest: #193B2B;     /* Verde bosque corporativo principal */
  --brand-forest-hover: #132E21;
  --brand-light: #E7F0EB;      /* Fondo suave verde menta para badges */
  --brand-light-border: #BCD5C7;
  --brand-emerald: #1F6B48;    /* Acento verde vivo para checks */
  
  /* Acentos Tierra y Terracota */
  --accent-terracotta: #C66236; /* Terracota cálido para énfasis */
  --accent-terracotta-hover: #AF5329;
  --accent-copper: #D97746;     /* Cobre brillante */
  --accent-sand: #EAE3D6;       /* Arena suave para bordes cálidos */
  
  /* Bordes y Sombras */
  --border-subtle: #E3DDD4;    /* Borde sutil neutro */
  --border-focus: #193B2B;     /* Borde activo */
  --border-error: #D93025;     /* Borde error validación */
  --border-success: #1F6B48;   /* Borde éxito validación */
  
  --shadow-sm: 0 1px 3px rgba(24, 35, 28, 0.05);
  --shadow-md: 0 4px 14px rgba(24, 35, 28, 0.08);
  --shadow-lg: 0 12px 28px rgba(24, 35, 28, 0.12);
  --shadow-hero: 0 24px 48px rgba(25, 59, 43, 0.18);
  --shadow-button: 0 4px 14px rgba(25, 59, 43, 0.25);
  --shadow-button-hover: 0 6px 20px rgba(25, 59, 43, 0.35);

  /* Tipografía */
  --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  
  /* Espaciado y Radio */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  
  --container-max: 1240px;
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}