/*
Theme Name: Alkaline Care
Theme URI: https://github.com/francoaalarcon/alkaline-care
Author: Franco Alarcon
Description: Tema personalizado para Alkaline Care — tienda de productos naturales y suplementos peruanos. Desarrollado sobre WordPress + WooCommerce.
Version: 1.0.44
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alkaline-care
Tags: e-commerce, woocommerce, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ─── CSS Custom Properties ─────────────────────────────────────────────── */
:root {
    /* Brand greens */
    --color-primary:        #4B8407;
    --color-primary-dark:   #3a6605;
    --color-primary-light:  #5fa009;
    --color-dark:           #1E3209;
    --color-mid:            #2E3E0F;
    --color-soft:           #86A560;
    --color-soft-light:     #a8c87e;

    /* Backgrounds */
    --color-cream:          #F4F9EB;
    --color-beige:          #EAE3CD;
    --color-white:          #FFFFFF;
    --color-bg-light:       #F7FAF3;

    /* Accents */
    --color-gold:           #A8A13B;
    --color-gold-light:     #c8c04a;
    --color-terra:          #845323;
    --color-red:            #D32F2F;
    --color-red-light:      #FFEBEE;

    /* Text */
    --color-text-dark:      #1C2408;
    --color-text-mid:       #4A5240;
    --color-text-soft:      #7A8670;
    --color-text-white:     #FFFFFF;

    /* UI */
    --color-border:         #D8E4C8;
    --color-border-light:   #EBF2DE;
    --color-shadow:         rgba(30, 50, 9, 0.08);
    --color-shadow-md:      rgba(30, 50, 9, 0.14);
    --color-overlay:        rgba(30, 50, 9, 0.55);

    /* Typography */
    --font-primary:         'Inter', 'Segoe UI', Arial, sans-serif;
    --font-heading:         'Poppins', 'Inter', Arial, sans-serif;
    --font-size-xs:         0.75rem;
    --font-size-sm:         0.875rem;
    --font-size-base:       1rem;
    --font-size-md:         1.125rem;
    --font-size-lg:         1.25rem;
    --font-size-xl:         1.5rem;
    --font-size-2xl:        1.875rem;
    --font-size-3xl:        2.25rem;
    --font-size-4xl:        3rem;

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;

    /* Layout */
    --container-max:        1280px;
    --container-padding:    1.25rem;
    --radius-sm:            0.375rem;
    --radius-md:            0.625rem;
    --radius-lg:            1rem;
    --radius-xl:            1.5rem;
    --radius-full:          9999px;

    /* Transitions */
    --transition-fast:      0.15s ease;
    --transition-base:      0.25s ease;
    --transition-slow:      0.4s ease;

    /* Header heights */
    --topbar-height:        2.5rem;
    --header-height:        4.5rem;
    --nav-height:           3rem;
    --total-header:         calc(var(--topbar-height) + var(--header-height) + var(--nav-height));
}