/*
 Theme Name:   Lagar Child - Manitoba Flax
 Theme URI:    https://manitobaflax.com
 Description:  Child theme of Lagar, customized for the Manitoba Flax brand.
 Author:       Manitoba Flax
 Author URI:   https://manitobaflax.com
 Template:     lagar
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  lagar-child
 Requires at least: 6.0
 Requires PHP: 7.4
*/

/* ==========================================================================
   Manitoba Flax - Design Tokens
   Update these with values from your Figma design file
   ========================================================================== */

:root {
    /* Brand Colors */
    --mf-primary:        #2C5F2D;   /* placeholder - update from Figma */
    --mf-primary-light:  #4A8B4C;   /* placeholder */
    --mf-primary-dark:   #1A3D1B;   /* placeholder */
    --mf-secondary:      #C5A850;   /* placeholder */
    --mf-accent:         #D4A843;   /* placeholder */

    /* Neutrals */
    --mf-white:          #FFFFFF;
    --mf-off-white:      #F8F6F1;   /* placeholder */
    --mf-light-gray:     #E8E4DD;   /* placeholder */
    --mf-mid-gray:       #999999;
    --mf-dark-gray:      #333333;
    --mf-black:          #1A1A1A;

    /* Typography */
    --mf-font-heading:   'Inter', sans-serif;       /* placeholder - update from Figma */
    --mf-font-body:      'Inter', sans-serif;       /* placeholder */
    --mf-font-accent:    'Inter', sans-serif;       /* placeholder */

    /* Font Sizes */
    --mf-text-xs:        0.75rem;
    --mf-text-sm:        0.875rem;
    --mf-text-base:      1rem;
    --mf-text-lg:        1.125rem;
    --mf-text-xl:        1.25rem;
    --mf-text-2xl:       1.5rem;
    --mf-text-3xl:       1.875rem;
    --mf-text-4xl:       2.25rem;
    --mf-text-5xl:       3rem;

    /* Spacing */
    --mf-spacing-xs:     0.25rem;
    --mf-spacing-sm:     0.5rem;
    --mf-spacing-md:     1rem;
    --mf-spacing-lg:     1.5rem;
    --mf-spacing-xl:     2rem;
    --mf-spacing-2xl:    3rem;
    --mf-spacing-3xl:    4rem;

    /* Border Radius */
    --mf-radius-sm:      4px;
    --mf-radius-md:      8px;
    --mf-radius-lg:      12px;
    --mf-radius-full:    9999px;

    /* Shadows */
    --mf-shadow-sm:      0 1px 2px rgba(0, 0, 0, 0.06);
    --mf-shadow-md:      0 4px 6px rgba(0, 0, 0, 0.07);
    --mf-shadow-lg:      0 10px 15px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   Global Overrides
   ========================================================================== */

body {
    font-family: var(--mf-font-body);
    color: var(--mf-dark-gray);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--mf-font-heading);
}

/* ==========================================================================
   WooCommerce Overrides
   ========================================================================== */

/* Add WooCommerce-specific styles here */

/* ==========================================================================
   Elementor Overrides
   ========================================================================== */

/* Add Elementor-specific style overrides here */

/* ==========================================================================
   Custom Components
   ========================================================================== */

/* Custom component styles go here */