/**
 * Nombre: tokens.css
 * Propósito: Design tokens y variables CSS.
 * Dependencias: Ninguna.
 * Responsabilidad: Definir colores, tipografía, espaciado y sombras.
 * Autor: PREVENGO SAS
 * Fecha: 2026-08-02
 */

:root {
  /* Colores base */
  --prv-color-primary: #0B4FA3;
  --prv-color-secondary: #138BC7;
  --prv-color-accent: #49C7E8;
  --prv-color-background: #F4F7FA;
  --prv-color-text: #2F3B4A;
  --prv-color-white: #FFFFFF;
  --prv-color-dark: #1A2533;
  --prv-color-success: #10B981;
  --prv-color-warning: #F59E0B;
  --prv-color-error: #EF4444;

  /* Tipografía */
  --prv-font-primary: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Espaciado */
  --prv-space-xs: 0.25rem;
  --prv-space-sm: 0.5rem;
  --prv-space-md: 1rem;
  --prv-space-lg: 1.5rem;
  --prv-space-xl: 2rem;
  --prv-space-2xl: 3rem;
  --prv-space-3xl: 4rem;
  --prv-space-4xl: 6rem;

  /* Tamaños de texto */
  --prv-text-xs: 0.75rem;
  --prv-text-sm: 0.875rem;
  --prv-text-base: 1rem;
  --prv-text-lg: 1.125rem;
  --prv-text-xl: 1.25rem;
  --prv-text-2xl: 1.5rem;
  --prv-text-3xl: 2rem;
  --prv-text-4xl: 2.5rem;
  --prv-text-5xl: 3.5rem;

  /* Bordes */
  --prv-border-radius: 8px;
  --prv-border-radius-lg: 16px;
  --prv-shadow: 0 4px 24px rgba(11, 79, 163, 0.12);
  --prv-shadow-lg: 0 16px 48px rgba(11, 79, 163, 0.18);

  /* Layout */
  --prv-container-max: 1200px;
  --prv-header-height: 120px;
  --prv-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}