/*
  theme.css — Tokens de marca compartidos (geonation.site)
  =========================================================
  Paridad VISUAL con geodata.site únicamente (colores, tipografía, layout).
  IMPORTANTE — regla de aislamiento del proyecto: este archivo es una
  reimplementación propia, no un import ni una copia de código de
  PROYECTO-RUTAS/BACKEND-RUTAS. geonation.site nunca comparte código, base
  de datos ni infraestructura con geodata.site — solo el lenguaje visual.

  Valores tomados de src/features/auth/login.css y src/styles/tokens.css
  de PROYECTO-RUTAS (solo como referencia de diseño), 2026-08-15.
*/

:root {
  /* Fondo oscuro (lado "hero" de pantallas tipo login/portada) */
  --brand-navy-950: #0A1A2F;
  --brand-navy-900: #0B2134;
  --brand-navy-800: #1e293b;

  /* Acentos */
  --brand-gradient-highlight: linear-gradient(90deg, #34D399, #22D3EE); /* esmeralda → cian, para texto destacado */
  --brand-dot-accent: #34D399;
  --brand-cyan: #0078D4;
  --brand-blue: #1565C0;
  --brand-cta-gradient: linear-gradient(135deg, #1565C0, #0078D4);      /* botones primarios */
  --brand-glow: rgba(0, 120, 212, 0.12);

  /* Panel claro (formularios, app shell) */
  --brand-white: #ffffff;
  --brand-bg-deep: #F0F2F5;   /* fondo general de la app (detrás de header/sidebar) */
  --brand-gray-50: #F7F8FA;
  --brand-bg-hover: #EDF0F4;
  --brand-border-light: #E2E5EA;

  /* Texto */
  --brand-text-light: #f1f5f9;      /* texto sobre fondo oscuro */
  --brand-text-muted-onlight: rgba(255, 255, 255, 0.72);
  --brand-text-dark: #1A1A2E;       /* texto sobre fondo claro */
  --brand-text-dark-muted: #5F6B7A;
  --brand-text-dim: #9CA3AF;

  /* Estados */
  --brand-success: #16A34A;
  --brand-amber: #D97706;
  --brand-red: #DC2626;

  /* Tipografía */
  --brand-font: 'Inter', -apple-system, "Segoe UI", Roboto, sans-serif;
  --brand-font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* Radios y sombras */
  --brand-radius-pill: 999px;
  --brand-radius-card: 10px;
  --brand-shadow-sm: 0 1px 3px rgba(0,0,0,.08);
  --brand-shadow-md: 0 4px 12px rgba(0,0,0,.1);
}