/**
 * SIGETIC UI — Design tokens (Fase 2C.6-UI.1)
 * Capa de variables sobre Bootstrap 4.6.2. No reemplaza Bootstrap.
 */
:root {
  /* Brand / institutional */
  --sg-primary: #235B4E;
  --sg-primary-dark: #1A443A;
  --sg-primary-soft: #E8F3F0;
  --sg-accent: #BC955C;
  --sg-accent-soft: #F5EFE4;

  /* Semantic */
  --sg-success: #235B4E;
  --sg-warning: #D97706;
  --sg-danger: #DC2626;
  --sg-info: #0E7490;
  --sg-neutral: #6B7280;

  /* Surfaces */
  --sg-bg: #F3F4F6;
  --sg-surface: #FFFFFF;
  --sg-border: #E5E7EB;
  --sg-border-strong: #D1D5DB;

  /* Text */
  --sg-text: #1F2937;
  --sg-muted: #6B7280;
  --sg-text-inverse: #FFFFFF;

  /* Typography */
  --sg-font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --sg-font-size-body: 0.9375rem;
  --sg-font-size-sm: 0.875rem;
  --sg-font-size-xs: 0.75rem;
  --sg-font-size-page-title: 1.375rem;
  --sg-font-size-section: 1.125rem;
  --sg-font-size-card-header: 0.9375rem;
  --sg-font-weight-normal: 400;
  --sg-font-weight-medium: 500;
  --sg-font-weight-semibold: 600;
  --sg-line-height-body: 1.5;
  --sg-line-height-tight: 1.35;

  /* Spacing (4px scale) */
  --sg-space-xs: 4px;
  --sg-space-sm: 8px;
  --sg-space-md: 12px;
  --sg-space-lg: 16px;
  --sg-space-xl: 24px;
  --sg-space-xxl: 32px;

  /* Border radius */
  --sg-radius-sm: 4px;
  --sg-radius-md: 6px;
  --sg-radius-lg: 8px;

  /* Shadows */
  --sg-shadow-none: none;
  --sg-shadow-subtle: 0 1px 2px rgba(0, 0, 0, 0.06);
  --sg-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
  --sg-shadow-modal: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);

  /* Layout (sidebar — no cambiar en UI.1; referencia para fases posteriores) */
  --sg-sidebar-width: 300px;
  /* Altura reservada bajo #nav_top.fixed-top (evita tapar .estilos_header) */
  --sg-topnav-height: 72px;

  /* Motion */
  --sg-transition-fast: 150ms ease;
  --sg-transition-base: 200ms ease;

  /* Focus */
  --sg-focus-ring: 0 0 0 3px rgba(35, 91, 78, 0.2);

  /* Bootstrap bridge (optional overrides in later phases) */
  --sg-bs-primary: var(--sg-primary);
}

html {
  -webkit-text-size-adjust: 100%;
}