/* ─── VendoraWeb · variables.css ────────────────────────────────────────── */

/* Base font size — aumenta este valor para subir todo el sistema */
html { font-size: 16px; }
body { font-size: .9375rem; } /* 15 px efectivos */

:root {
  /* Paleta principal */
  --primary:        #6C3FC5;
  --primary-dark:   #4E2D9A;
  --primary-light:  #9B72E8;

  /* Superficies */
  --bg:             #F4F1FB;
  --surface:        #FFFFFF;

  /* Texto */
  --text:           #1A1A2E;
  --text-muted:     #6B6B8A;

  /* Estados */
  --success:        #2ECC71;
  --danger:         #E74C3C;
  --warning:        #F39C12;

  /* Sombras */
  --shadow-sm:      0 1px 4px rgba(108, 63, 197, .08);
  --shadow-md:      0 4px 16px rgba(108, 63, 197, .14);
  --shadow-lg:      0 8px 32px rgba(108, 63, 197, .18);

  /* Bordes */
  --radius-sm:      6px;
  --radius-md:      12px;
  --radius-lg:      20px;

  /* Tipografía */
  --font-base:      'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:      'JetBrains Mono', 'Courier New', monospace;

  /* Transiciones */
  --transition:     .2s ease;
}