/*
Theme Name: Gumtti
Theme URI: https://gumtti.com
Author: Gumtti Team
Author URI: https://gumtti.com
Description: A vibrant, playful, and high-performance WordPress & WooCommerce theme recreating the native Gumtti shopping experience.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gumtti
Tags: e-commerce, two-columns, custom-menu, featured-images, full-width-template, theme-options, translation-ready

==========================================================================
Gumtti Design Tokens & Root Variables
==========================================================================
*/

:root {
  /* Brand Primary Colors */
  --g-coral: #ff6b4a;
  --g-coral-dark: #e85535;
  --g-coral-light: #ffe9dd;
  --g-yellow: #ffc53d;
  --g-yellow-dark: #e6a817;
  --g-sun: #ffb703;
  --g-sky: #35a7e0;
  --g-sky-light: #eaf6fe;
  --g-mint: #2ec4a2;
  --g-mint-light: #e6f9f5;
  --g-lilac: #a98bff;
  --g-lilac-light: #f3f0ff;
  --g-peach: #ff9e6d;
  --g-peach-light: #fff2eb;
  
  /* Neutral Palettes */
  --g-cream: #fff7f0;
  --g-cream-alt: #fff6ea;
  --g-white: #ffffff;
  --g-dark: #2d2a32;
  --g-dark-footer: #241f2d;
  --g-gray-100: #f8f8f8;
  --g-gray-200: #eeeeee;
  --g-gray-400: #999999;
  --g-gray-600: #666666;
  --g-border: rgba(45, 42, 50, 0.12);
  --g-border-subtle: rgba(45, 42, 50, 0.08);

  /* Typography */
  --g-font-heading: 'Fredoka', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --g-font-body: 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Spacing & Sizing */
  --g-container-width: 1380px;
  --g-radius-sm: 8px;
  --g-radius-md: 14px;
  --g-radius-lg: 20px;
  --g-radius-xl: 28px;
  --g-radius-pill: 9999px;

  /* Shadows */
  --g-shadow-sm: 0 2px 8px rgba(45, 42, 50, 0.06);
  --g-shadow-md: 0 8px 24px rgba(45, 42, 50, 0.08);
  --g-shadow-lg: 0 16px 36px rgba(45, 42, 50, 0.12);
  --g-shadow-coral: 0 8px 24px rgba(255, 107, 74, 0.28);
  --g-shadow-coral-lg: 0 14px 32px rgba(255, 107, 74, 0.38);

  /* Transitions */
  --g-transition-fast: 0.18s ease;
  --g-transition-normal: 0.25s ease;
}