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


:root {
  /* ==========================================
     PALETA DE COLORES DEL CLIENTE
     ========================================== */
  /* Colores Principales (Uso al 80%) */
  --color-primary-teal: #39B4B0;       /* Turquesa/Teal Principal */
  --color-primary-teal-dark: #2F9C98;  /* Variante oscura para estados hover */
  --color-blue-medium: #00267E;        /* Azul Medio corporativo */
  --color-blue-dark: #021A52;          /* Azul Oscuro para Headers y texto principal */
  --color-white: #FFFFFF;              /* Blanco Puro */

  /* Colores Secundarios (Uso al 20%) */
  --color-accent-orange: #FF8E00;      /* Naranja de acción prioritario */
  --color-accent-orange-dark: #E07D00; /* Naranja hover */
  --color-neutral-cream: #FAF5EE;      /* Crema alternativo para fondos */
  --color-support-red: #E6173F;        /* Rojo carmín para alertas y errores */

  /* Negro No Puro (Ideal para Overlays y Textos muy oscuros) */
  --color-black-rich: #131313;         /* Deep Navy/Black muy elegante */
  --color-overlay-dark: rgba(8, 15, 30, 0.75); /* Overlay translúcido no puro */

  /* Neutros de Interfaz */
  --color-text-body: #021A52;          /* Basado en el azul oscuro corporativo */
  --color-text-muted: #4B5563;         /* Gris neutro para textos secundarios */
  --color-border-gray: #D1D5DB;        /* Gris de borde estándar */
  --color-bg-gray: #F3F4F6;            /* Fondo gris claro neutro */


  /* Bordes y Sombras */
  --border-radius-pill: 50px;
  --border-radius-card: 12px;
  --border-radius-input: 8px;
  --shadow-sm: 0 2px 4px rgba(2, 26, 82, 0.08);
  --shadow-md: 0 4px 12px rgba(2, 26, 82, 0.12);
  --shadow-lg: 0 8px 24px rgba(2, 26, 82, 0.16);

  /* Transiciones estándar */
  --transition-fast: 0.15s ease-in-out;
  --transition-normal: 0.3s ease-in-out;
}