/* ============================================
   LA LLORONA - VARIABLES CSS
   Light Theme Enterprise
   ============================================ */

:root {
  /* Backgrounds */
  --bg: #FAFAF8;
  --s: #FFFFFF;
  --s2: #F5F5F1;
  --s3: #EEEEE8;
  --bd: #E0E0DA;
  --bd2: #D0D0C8;

  /* Brand institutional green */
  --gd: #1B6B3A;
  --gdl: rgba(27, 107, 58, .06);
  --gda: rgba(27, 107, 58, .10);

  /* Semantic colors */
  --re: #C0392B;
  --rel: rgba(192, 57, 43, .06);
  --rea: rgba(192, 57, 43, .04);
  --gr: #15803D;
  --grl: rgba(21, 128, 61, .06);
  --gra: rgba(21, 128, 61, .04);
  --bl: #1E3A5F;
  --bll: rgba(30, 58, 95, .06);
  --bla: rgba(30, 58, 95, .04);
  --am: #B45309;
  --aml: rgba(180, 83, 9, .06);
  --fl: #C0392B;
  --fll: rgba(192, 57, 43, .06);

  /* Entity colors */
  --piba: #1E3A5F;
  --pibal: rgba(30, 58, 95, .06);
  --romm: #B45309;
  --romml: rgba(180, 83, 9, .06);
  --efec: #15803D;
  --efecl: rgba(21, 128, 61, .06);
  --mel: #7E22CE;
  --mell: rgba(126, 34, 206, .06);
  --ant: #4338CA;
  --antl: rgba(67, 56, 202, .06);

  /* Status */
  --st-pend-bg: #FEF3CD;
  --st-pend: #856404;
  --st-ok-bg: #D4EDDA;
  --st-ok: #155724;
  --st-alert-bg: #F8D7DA;
  --st-alert: #721C24;
  --st-transit-bg: #D1ECF1;
  --st-transit: #0C5460;

  /* Text */
  --t1: #1A1A1A;
  --t2: #4A4A4A;
  --t3: #7A7A7A;
  --t4: #B0B0B0;

  /* Shadows */
  --glow-gold: none;
  --glow-blue: none;
  --card-shadow: 0 1px 3px rgba(0, 0, 0, .06);
  --card-shadow-hover: 0 2px 8px rgba(0, 0, 0, .1);

  /* Breakpoints responsive (documentales: CSS no permite var() en @media;
     los bloques @media usan los literales 768px / 480px). */
  --bp-mobile: 768px;
  --bp-phone: 480px;
}