/* ============================================================
   app.css - Punto de entrada principal
   Version 1.0.1
   ============================================================ */

/* Los @import deben ir primero */
@import url('layout.css');
@import url('components.css');
@import url('tabla.css');
@import url('forms.css');

/* --- Variables globales ----------------------------------- */
:root {
  /* Colores primarios */
  --color-primary:       #7F77DD;
  --color-primary-light: #EEEDFE;
  --color-primary-dark:  #534AB7;

  /* Colores de estado */
  --color-success:       #1D9E75;
  --color-success-light: #E1F5EE;
  --color-warning:       #BA7517;
  --color-warning-light: #FAEEDA;
  --color-danger:        #A32D2D;
  --color-danger-light:  #FCEBEB;
  --color-info:          #378ADD;
  --color-info-light:    #E6F1FB;

  /* Neutros */
  --color-bg:            #F1EFE8;
  --color-surface:       #FFFFFF;
  --color-surface-alt:   #F8F8F6;
  --color-border:        #D3D1C7;
  --color-border-strong: #B4B2A9;
  --color-text:          #2C2C2A;
  --color-text-muted:    #5F5E5A;
  --color-text-subtle:   #888780;

  /* Tipografia */
  --font-sans:   Arial, sans-serif;
  --font-mono:   monospace;
  --text-xs:     11px;
  --text-sm:     12px;
  --text-base:   14px;
  --text-md:     15px;
  --text-lg:     18px;

  /* Espaciado */
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   10px;
  --radius-xl:   12px;
  --radius-full: 20px;

  /* Sombras */
  --shadow-sm:   0 1px 4px rgba(0,0,0,.07);
  --shadow-md:   0 4px 16px rgba(0,0,0,.12);
  --shadow-lg:   0 8px 32px rgba(0,0,0,.15);

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

/* --- Reset base ------------------------------------------- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.5;
}

a {
  color: var(--color-primary);
  text-decoration: none;

  &:hover { text-decoration: underline; }
}