/* =========================================================
   TOKENS DE DISEÑO — Sistema de Gestión Legal e Inmobiliaria
   Paleta: azul institucional (confianza, seriedad profesional)
   ========================================================= */

:root {
  /* --- Azules institucionales (marca) --- */
  --navy-950: #081B36;
  --navy-900: #0D2647;
  --navy-800: #123763;
  --navy-700: #184A82;
  --blue-600: #2266AC;
  --blue-500: #2E7FCE;
  --blue-400: #4A97DE;
  --blue-100: #DCE9F7;
  --blue-50:  #F2F7FD;

  /* Degradado de marca (usado en sidebar, headers de sección) */
  --gradient-brand: linear-gradient(165deg, var(--navy-900) 0%, var(--blue-600) 100%);
  --gradient-brand-hover: linear-gradient(165deg, var(--navy-800) 0%, var(--blue-500) 100%);

  /* --- Neutros / texto --- */
  --ink-900: #16202E;   /* texto principal */
  --ink-700: #3C4A5C;   /* texto secundario */
  --ink-500: #6B7A8D;   /* texto terciario / placeholders */
  --ink-300: #A7B3C2;   /* íconos apagados, bordes fuertes */
  --line-200: #E1E7EF;  /* bordes suaves */
  --line-100: #EDF1F6;  /* separadores */
  --surface: #FFFFFF;
  --surface-muted: #F7F9FC;
  --surface-page: #F0F3F8;

  /* --- Semánticos de estado --- */
  --success-600: #1E8E5A;
  --success-100: #E1F5EB;
  --warning-600: #B7791F;
  --warning-100: #FBF0DA;
  --danger-600:  #C0392B;
  --danger-100:  #FBE6E3;
  --info-600:    #2266AC;
  --info-100:    #DCE9F7;
  --neutral-600: #5B6B7C;
  --neutral-100: #E9ECF1;

  /* --- Tipografía --- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* --- Radios y sombras --- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(13, 38, 71, 0.06), 0 1px 1px rgba(13, 38, 71, 0.04);
  --shadow-md: 0 4px 12px rgba(13, 38, 71, 0.08), 0 2px 4px rgba(13, 38, 71, 0.06);
  --shadow-lg: 0 12px 32px rgba(13, 38, 71, 0.14);

  /* --- Espaciado base 4px --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;

  --sidebar-w: 272px;
}