/*
Theme Name: CG Starter
Theme URI: https://chronicguru.com
Description: High-performance standalone WooCommerce theme for Chronic Guru. Built mobile-first with Baymard Institute UX research as the foundation for every design decision. Zero dependency on Shoptimizer or CommerceKit.
Author: Chronic Guru
Author URI: https://chronicguru.com
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
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: cg-starter
Tags: e-commerce, woocommerce, custom-menu, featured-images, full-width-template, theme-options

CG Starter is purpose-built for chronicguru.com — a multi-state cannabis
retail brand with 5 world-class cannabis lounges and nationwide e-commerce.
Every design choice is backed by Baymard Institute data points.

Design tokens, base reset, and typography are declared here.
Component and page styles live in assets/css/global.css.
*/

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

:root {
    /* ── Backgrounds ── */
    --cg-cream: #FAF7F2;
    --cg-warm-white: #FEFDFB;
    --cg-card: #FFFFFF;

    /* ── Greens ── */
    --cg-green-900: #1B3A2D;
    --cg-green-800: #234D3A;
    --cg-green-700: #2D6149;
    --cg-green-600: #3A7D5E;

    /* ── Gold ── */
    --cg-gold: #B89B5E;
    --cg-gold-light: #D4BC82;
    --cg-gold-subtle: #F5EDD8;

    /* ── Text ── */
    --cg-text: #2A2A2A;
    --cg-text-muted: #6B6B6B;
    --cg-text-light: #767676;

    /* ── Borders ── */
    --cg-border: #E8E2D8;

    /* ── Strain Types ── */
    --cg-indica: #3B4F7A;
    --cg-hybrid: #2D6149;
    --cg-sativa: #7A6B3B;

    /* ── Semantic Colors ── */
    --cg-blue: #3B6B9E;
    --cg-orange: #C47A2B;
    --cg-red: #B84233;
    --cg-success: #2D6149;
    --cg-warning: #C47A2B;
    --cg-error: #B84233;

    /* ── Border Radius ── */
    --cg-radius-sm: 6px;
    --cg-radius-md: 10px;
    --cg-radius-lg: 14px;
    --cg-radius-xl: 16px;
    --cg-radius-pill: 100px;
    --cg-radius-btn: 10px;
    --cg-radius-input: 10px;

    /* ── Shadows ── */
    --cg-shadow-gold: 0 4px 16px rgba(184, 155, 94, 0.3);
    --cg-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --cg-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --cg-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

    /* ── Layout ── */
    --cg-content-width: 1200px;
    --cg-narrow-width: 800px;
    --cg-mobile-pad: 16px;
    --cg-section-gap: 48px;
    --cg-card-gap: 16px;

    /* ── Z-Index Scale ── */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky-atc: 200;
    --z-sticky-nav: 300;
    --z-overlay: 400;
    --z-mobile-menu: 500;
    --z-drawer: 600;
    --z-mini-cart: 700;
    --z-modal: 800;
    --z-popup-notification: 900;
    --z-popup-form: 1000;
    --z-klaviyo: 1100;
    --z-admin-bar: 1200;
    --z-age-gate: 9999;

    /* ── Typography ── */
    --cg-font-display: 'Playfair Display', Georgia, serif;
    --cg-font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
    --cg-line-height: 1.6;
    --cg-line-height-tight: 1.25;
    --cg-line-height-heading: 1.2;

    /* ── Touch Targets (Baymard: 44px minimum) ── */
    --cg-touch-min: 44px;
    --cg-input-height: 48px;
    --cg-btn-height: 48px;

    /* ── Transitions ── */
    --cg-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --cg-duration-fast: 150ms;
    --cg-duration: 250ms;
    --cg-duration-slow: 400ms;
}