/* ============================================================
   variables.css
   Design tokens: colores, sombras, radio, tipografía base
   ============================================================ */

:root {
  /* Fondos */
  --bg:        #f5f7fa;
  --bg2:       #ffffff;
  --bg3:       #eef1f6;

  /* Marca */
  --accent:    #1a6dff;
  --accent2:   #0052d4;
  --teal:      #00b4d8;

  /* Texto */
  --dark:      #0f1c2e;
  --text:      #1e2a38;
  --sub:       #5a6a7e;
  --muted:     #9aafc5;

  /* Bordes y sombras */
  --border:    #dde3ec;
  --shadow:    0 2px 16px rgba(15, 28, 46, .06);
  --shadow-lg: 0 10px 44px rgba(15, 28, 46, .11);

  /* Misceláneos */
  --radius:    12px;
}