/* ── VARIABLES — BIOS v5 ── */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&display=swap');

:root {
  /* Paleta institucional */
  --blue:         #4563A5;
  --blue-dark:    #2E4280;
  --blue-deeper:  #1E2D5A;
  --blue-light:   #6A85C4;
  --blue-xlight:  #EEF1F9;
  --blue-glass:   rgba(69,99,165,.10);

  --green:        #98B045;
  --green-dark:   #728730;
  --green-light:  #B8CC72;
  --green-xlight: #F4F7E8;

  /* Neutros */
  --white:      #FFFFFF;
  --off-white:  #F7F8FC;
  --gray-50:    #F2F3F8;
  --gray-100:   #E4E7F2;
  --gray-200:   #C8CEDF;
  --gray-400:   #8E97B8;
  --gray-600:   #555E7A;
  --gray-800:   #252D48;
  --black:      #0F1220;

  /* Tipografía */
  --f-body:    'Outfit', system-ui, sans-serif;
  --f-display: 'Fraunces', Georgia, serif;

  /* Espaciado */
  --s-1:.25rem;  --s-2:.5rem;   --s-3:.75rem;  --s-4:1rem;
  --s-5:1.25rem; --s-6:1.5rem;  --s-8:2rem;    --s-10:2.5rem;
  --s-12:3rem;   --s-16:4rem;   --s-20:5rem;   --s-24:6rem;
  --s-32:8rem;

  /* Radios */
  --r-sm:4px; --r-md:8px; --r-lg:14px; --r-xl:20px; --r-2xl:28px; --r-full:9999px;

  /* Sombras */
  --sh-sm:  0 1px 4px rgba(37,45,72,.06),0 1px 2px rgba(37,45,72,.04);
  --sh-md:  0 4px 16px rgba(37,45,72,.10),0 2px 6px rgba(37,45,72,.06);
  --sh-lg:  0 10px 36px rgba(37,45,72,.13),0 4px 12px rgba(37,45,72,.07);
  --sh-xl:  0 20px 60px rgba(37,45,72,.16),0 8px 20px rgba(37,45,72,.09);
  --sh-blue:  0 6px 24px rgba(69,99,165,.30);
  --sh-green: 0 6px 24px rgba(152,176,69,.32);

  /* Transiciones */
  --ease-fast:   150ms cubic-bezier(.4,0,.2,1);
  --ease-base:   260ms cubic-bezier(.4,0,.2,1);
  --ease-slow:   420ms cubic-bezier(.4,0,.2,1);
  --ease-bounce: 500ms cubic-bezier(.34,1.56,.64,1);

  /* Layout */
  --max-w:   1300px;
  --pad-x:   clamp(1rem,3vw,2.5rem);
  --nav-h:   68px;
  --bar-h:   52px;
  --cart-w:  320px;
}

@media(max-width:768px){
  :root{ --nav-h:60px; --bar-h:56px; }
}