/*
Theme Name:         Calma Child - Mini Dreamers
Theme URI:          https://store.minidreamerscr.com/
Description:        Tema personalizado para Mini Dreamers basado en el tema Calma.
Author:             Tu Nombre / Desarrollador
Author URI:         https://store.minidreamerscr.com/
Template:           calma
Version:            1.0.0
Text Domain:        calma-child
*/

/* ==========================================================================
   VARIABLES DE IDENTIDAD VISUAL (MINI DREAMERS)
   ========================================================================== */
:root {
    /* Paleta de Colores */
    --md-primary-mint: #A3D9C9;       /* Verde menta principal */
    --md-primary-mint-light: #E8F6F2; /* Fondo activo de categorías */
    --md-accent-coral: #F28C73;       /* Coral/Naranja para alertas y pasos activos */
    --md-bg-cream: #FAF7F2;           /* Fondo suave de la web */
    --md-text-dark: #2B2B2B;          /* Color de texto principal */
    --md-text-muted: #7A7A7A;         /* Gris para textos secundarios y categorías */
    --md-border-light: #EBEBEB;       /* Bordes finos de tablas y campos */
    
    /* Estructura y Bordes */
    --md-radius-large: 16px;          /* Bordes de tarjetas de producto, tablas e inputs */
    --md-radius-button: 30px;         /* Botones ovalados (Track, etc.) */
    
    /* Tipografías */
    --md-font-heading: 'Fredoka', 'Quicksand', 'Nunito', sans-serif; /* Tipografía orgánica infantil */
    --md-font-body: 'Quicksand', 'Nunito', sans-serif;
}

/* Base de Estilos Globales */
body {
    background-color: var(--md-bg-cream);
    color: var(--md-text-dark);
    font-family: var(--md-font-body);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .product-title {
    font-family: var(--md-font-heading);
    font-weight: 700;
}

/* Logo */
.md-custom-header .site-logo img,
.md-custom-header .site-logo .custom-logo {
    max-width: 220px !important;
    width: 100% !important;
    height: auto !important;
    display: block;
}