/* =========================================================
   Línea gráfica de marca — Girasol.pe
   Sistema de tokens compartido por TODO el proyecto.
   Usar SIEMPRE estas variables (no hex sueltos).
   ========================================================= */

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

:root {
  /* Principales */
  --gs-blue: #008BCE;  --gs-navy: #0A2F5A;  --gs-white: #FAFAFA;
  /* Escala azul/navy */
  --gs-blue-600: #0072AB; --gs-blue-700: #005A87;
  --gs-navy-600: #0F4787; --gs-navy-800: #0B2444; --gs-gray: #ADADAD;
  /* Superficies */
  --gs-bg: #F5F7FB; --gs-surface: #FFFFFF; --gs-surface-alt: #F8FAFD;
  /* Bordes */
  --gs-border: #E6EBF2; --gs-border-soft: #EEF1F6;
  /* Texto */
  --gs-text: #16324F; --gs-text-body: #3A506B; --gs-text-muted: #8A99AD;
  /* Estados */
  --gs-blue-tint: rgba(0,139,206,.10);
  --gs-ok: #1F9D55;   --gs-ok-tint: rgba(31,157,85,.12);
  --gs-warn: #B8860B; --gs-warn-tint: #FFF3CD;
  --gs-danger: #E3342F; --gs-danger-tint: rgba(227,52,47,.10);
  /* Sidebar claro */
  --gs-side-bg: #FFFFFF; --gs-side-text: #1E2A3A; --gs-side-muted: #97A3B4;
  --gs-side-icon: #6B7A8F; --gs-side-active: #008BCE; --gs-side-active-bg: #EAF4FB;
  --gs-side-hover-bg: #F2F5F9; --gs-side-border: #EDF0F5;
  /* Forma */
  --gs-radius: 14px; --gs-radius-sm: 8px;
  --gs-shadow: 0 4px 16px rgba(10,47,90,.06);
  --gs-shadow-lg: 0 8px 24px rgba(10,47,90,.10);
  /* Tipografía */
  --gs-font-heading: 'Inter','Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gs-font-body: 'Inter','Source Sans Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
}