@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;600;700&display=swap');

:root {
  --color-primario:        #3b1f6e;
  --color-acento:          #6c47db;
  --color-acento-hover:    #5a38c4;
  --color-exito:           #0ea66d;
  --color-peligro:         #e53e3e;
  --color-advertencia:     #ed8936;
  --color-fondo:           #f7f5ff;
  --color-superficie:      #ffffff;
  --color-borde:           #e4dff7;
  --color-texto:           #1a1433;
  --color-texto-suave:     #8878b8;
  --color-sidebar-texto:   #b8a8e8;
  --color-sidebar-hover:   rgba(255,255,255,0.10);
  --color-sidebar-active:  rgba(255,255,255,0.15);
  --fuente-principal:      'Ubuntu', system-ui, sans-serif;
  --fuente-titulos:        'Ubuntu', system-ui, sans-serif;
  --fuente-codigo:         'Ubuntu', monospace;
  --tamano-base:           17px;
  --peso-titulos:          700;
  --radio-borde:           10px;
  --radio-borde-lg:        14px;
  --sombra-card:           0 1px 4px rgba(0,0,0,0.06);
  --sombra-sidebar:        2px 0 16px rgba(0,0,0,0.12);
  --sidebar-ancho:         240px;
  --navbar-alto:           56px;
  --contenido-max-ancho:   1600px;
}
html, body,
input, select, textarea, button, optgroup, option,
a, p, span, div, li, td, th, label, small {
  font-family: 'Ubuntu', system-ui, sans-serif !important;
  font-size: 17px;
}
h1,h2,h3,h4,h5,h6 { font-family: 'Ubuntu', system-ui, sans-serif !important; font-weight: 700; }
code, pre, kbd, samp, .diseno-input-mono { font-family: 'Ubuntu', monospace !important; }