/**
 * @file design-system.css
 * @description Sistema de diseño de SecretarIA Legal - Variables CSS centralizadas
 *
 * Este archivo contiene todas las variables CSS (design tokens) utilizadas
 * en la aplicación para mantener consistencia visual entre todas las páginas.
 *
 * Incluye:
 * - Colores de marca (primary, secondary, accent)
 * - Colores de texto y fondos
 * - Colores de componentes específicos
 * - Gradientes
 * - Variables de animación
 *
 * @version 2.0.0
 * @date 2024-11
 */

:root {
    /* ========================================
       COLORES PRINCIPALES
       ======================================== */

    /* Colores de Marca */
    --primary-color: #0D47A1;           /* Azul oscuro - Brand principal */
    --secondary-color: #1976D2;         /* Azul medio - Botones y acciones */
    --accent-color: #FFC107;            /* Dorado - Acentos y highlights */

    /* Colores de Texto */
    --text-color: #333;                 /* Texto principal */
    --light-text-color: #f8f9fa;        /* Texto sobre fondos oscuros */

    /* ========================================
       FONDOS Y CONTENEDORES
       ======================================== */

    --bg-color: #f4f7f9;                /* Fondo de página principal */
    --container-bg: #ffffff;            /* Fondo de contenedores/cards */

    /* ========================================
       BORDES Y DIVISORES
       ======================================== */

    --border-color: #d1d9e0;            /* Color de bordes estándar */

    /* ========================================
       GRADIENTES
       ======================================== */

    --dark-bg-gradient: linear-gradient(135deg, #0a2a5e 0%, #0d3b80 100%);

    /* ========================================
       COLORES DE COMPONENTES ESPECÍFICOS
       ======================================== */

    /* Botones */
    --button-bg: #6c757d;               /* Fondo de botones secundarios */
    --button-hover-bg: #5a6268;         /* Hover de botones secundarios */

    /* Calendario (Calculadora de Términos) */
    --holiday-color: #e57373;           /* Días festivos/no laborables */
    --count-day-bg: #e3f2fd;            /* Días contabilizados */
    --due-day-bg: var(--accent-color);  /* Día de vencimiento */

    /* Resultados */
    --result-bg: #e9f5ff;               /* Fondo de cajas de resultado */
    --result-border: var(--primary-color); /* Borde de cajas de resultado */

    /* Disclaimers y Avisos */
    --disclaimer-bg: #fffbe6;           /* Fondo de disclaimers */
    --disclaimer-border: #ffe58f;       /* Borde de disclaimers */
    --warning-bg: #fff0f0;              /* Fondo de advertencias */
    --warning-border: #e57373;          /* Borde de advertencias */

    /* ========================================
       ANIMACIONES
       ======================================== */

    --animation-duration: 0.6s;         /* Duración estándar de animaciones */

    /* ========================================
       COLORES DE FEATURES ESPECÍFICOS
       ======================================== */

    /* Landing Page - Dynamic Pitch */
    --verb-color: #82B1FF;              /* Color de verbos en hero dinámico */
    --object-color: #4DB6AC;            /* Color de objetos en hero dinámico */
}