/*
Theme Name: Good Girls Fashion
Theme URI: https://goodgirlsfashion.com
Author: Good Girls Fashion
Author URI: https://goodgirlsfashion.com
Description: Modern, elegant WooCommerce theme for Good Girls Fashion — a women's fashion boutique. Clean minimalist design, mobile-first, SEO optimized, with mega menu, quick view, wishlist, and size guide features.
Version: 1.4.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: good-girls-fashion
Domain Path: /languages
Tags: e-commerce, woocommerce, fashion, responsive, mobile-first, custom-menu, custom-logo, translation-ready, rtl-language-support

Good Girls Fashion WordPress Theme
Copyright (C) 2026 Good Girls Fashion
*/

/* ==========================================================================
   CSS Custom Properties — Design Tokens
   ========================================================================== */

:root {
    /* Colors */
    --ggf-color-primary: #B76E79;
    --ggf-color-primary-light: #D4A5A5;
    --ggf-color-primary-wash: #F5E6E0;
    --ggf-color-primary-dark: #9A5660;
    --ggf-color-secondary: #3D3D3D;
    --ggf-color-accent: #C9A96E;
    --ggf-color-accent-light: #E0CFA6;
    --ggf-color-white: #FFFFFF;
    --ggf-color-offwhite: #FAF7F5;
    --ggf-color-text: #2D2D2D;
    --ggf-color-text-light: #8A8A8A;
    --ggf-color-border: #E8E4E1;
    --ggf-color-success: #7BAE7F;
    --ggf-color-error: #C97070;
    --ggf-color-overlay: rgba(45, 45, 45, 0.6);

    /* Typography */
    --ggf-font-heading: 'Playfair Display', Georgia, serif;
    --ggf-font-nav: 'Montserrat', 'Helvetica Neue', sans-serif;
    --ggf-font-body: 'DM Sans', 'Helvetica Neue', sans-serif;

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

    /* Spacing */
    --ggf-space-xs: 0.25rem;
    --ggf-space-sm: 0.5rem;
    --ggf-space-md: 1rem;
    --ggf-space-lg: 1.5rem;
    --ggf-space-xl: 2rem;
    --ggf-space-2xl: 3rem;
    --ggf-space-3xl: 4rem;
    --ggf-space-4xl: 6rem;

    /* Layout */
    --ggf-container-max: 1440px;
    --ggf-container-wide: 1200px;
    --ggf-container-narrow: 800px;
    --ggf-header-height: 80px;
    --ggf-topbar-height: 40px;

    /* Borders */
    --ggf-radius-sm: 4px;
    --ggf-radius-md: 8px;
    --ggf-radius-lg: 12px;
    --ggf-radius-full: 50%;

    /* Shadows */
    --ggf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --ggf-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --ggf-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
    --ggf-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.15);

    /* Transitions */
    --ggf-transition-fast: 150ms ease;
    --ggf-transition-base: 300ms ease;
    --ggf-transition-slow: 500ms ease;
    --ggf-transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
}