/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


:root {
    /* --- PALETA DE COLORES (8 COLORES BLOCKSY) --- */
    
    /* Colores de Marca / Acento */
    --color-primary: #1598FF;          /* Color 1: Azul Principal (Acciones) */
    --color-primary-dark: #005799;     /* Color 2: Azul Oscuro (Hover / Énfasis) */
    
    /* Colores de Texto */
    --color-text-title: #000000;       /* Color 3: Negro puro (Titulares H1-H6) */
    --color-text-body: #333333;        /* Color 4: Gris muy oscuro (Cuerpo de texto - legibilidad) */
    
    /* Colores de UI / Bordes */
    --color-border: #E2E8F0;           /* Color 5: Gris medio (Bordes, divisores, inputs) */
    
    /* Colores de Fondo */
    --color-bg-alt: #F5F5F5;           /* Color 6: Tu gris claro de marca (Secciones/Cards) */
    --color-bg-main: #FFFFFF;          /* Color 7: Blanco puro (Fondo principal del sitio) */
    --color-bg-ghost: #F9FAFB;         /* Color 8: Gris "fantasma" (Variación sutil para footers o inputs) */

    /* --- TIPOGRAFÍA --- */
    --font-main: "ct_font_labil__grotesk", sans-serif;
    
    /* Pesos visuales según tu guía */
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-bold: 700;

    /* --- OTROS VALORES DE DISEÑO (SYSTEM) --- */
    --border-radius: 8px;              /* Consistencia en botones y cajas */
    --transition: all 0.3s ease;       /* Para efectos hover suaves */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}