/* ==========================================================================
   Sofis Solutions · Design Tokens
   ==========================================================================
   Este archivo define los tokens de diseño: colores, tipografía, espaciado,
   radios y sombras. TODAS las páginas deben basarse en estas variables.

   Al cambiar un token acá, cambia en todo el sitio.
   ========================================================================== */

:root {
    /* ==========================================================================
       COLORS · Backgrounds
       ========================================================================== */
    --bg-primary:    #050b1a;   /* Fondo general */
    --bg-section:    #0a1425;   /* Fondo de secciones alternas */
    --bg-card:       #0f1d35;   /* Fondo de cards */
    --bg-card-hover: #142745;   /* Fondo de cards en hover */

    /* ==========================================================================
       COLORS · Borders
       ========================================================================== */
    --border:        #1f3354;
    --border-strong: #2c4368;

    /* ==========================================================================
       COLORS · Text
       ========================================================================== */
    --text:          #e8eef7;   /* Texto principal */
    --text-dim:      #a3b1c7;   /* Texto secundario */
    --text-faint:    #6b7c95;   /* Texto terciario, footnotes */

    /* ==========================================================================
       COLORS · Accent palette (por línea de servicio)
       ==========================================================================
       - green   → Soluciones a medida · Trabajá con nosotros
       - cyan    → Servicios gestionados · Ambiental · Gestión IA
       - purple  → BIonA · Antisoborno
       - orange  → Calidad de software · Seguridad Info · Red profesionales
       - rose    → Seguridad marco · Privacidad · Observabilidad BIonA
       ========================================================================== */
    --green:         #22C55E;
    --cyan:          #06B6D4;
    --purple:        #8B5CF6;
    --orange:        #F97316;
    --rose:          #ec4899;

    /* ==========================================================================
       TYPOGRAPHY
       ========================================================================== */
    --font-sans: 'Segoe UI', 'Inter', 'Helvetica Neue', sans-serif;

    /* Tamaños de texto */
    --fs-xs:  10.5px;
    --fs-sm:  12px;
    --fs-base: 14px;
    --fs-md:  16px;
    --fs-lg:  18px;
    --fs-xl:  22px;
    --fs-2xl: 28px;
    --fs-3xl: 32px;
    --fs-4xl: 40px;
    --fs-hero: 54px;

    /* Line heights */
    --lh-tight: 1.15;
    --lh-normal: 1.5;
    --lh-loose: 1.7;

    /* ==========================================================================
       SPACING
       ========================================================================== */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 40px;
    --space-2xl: 80px;

    /* ==========================================================================
       RADIUS
       ========================================================================== */
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;

    /* ==========================================================================
       SHADOWS
       ========================================================================== */
    --shadow-sm: 0 4px 12px rgba(0,0,0,0.2);
    --shadow-md: 0 12px 32px rgba(0,0,0,0.35);
    --shadow-lg: 0 20px 60px rgba(0,0,0,0.4);

    /* ==========================================================================
       LAYOUT
       ========================================================================== */
    --container-sm: 900px;
    --container-md: 1200px;
    --container-lg: 1400px;
}