/*
Theme Name: Aeon Lifestyle
Theme URI: https://aeonlifestyle.com
Author: JDY
Author URI: https://aeonlifestyle.com
Description: Premium dark luxury eyewear store theme with Obsidian & Gold aesthetic. Full WooCommerce support.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aeon-lifestyle
Tags: woocommerce, dark, luxury, ecommerce, custom-menu, custom-logo
*/

/* ============================================================
   CSS CUSTOM PROPERTIES
   ============================================================ */
:root {
    /* Colors */
    --color-background:             #0D0D0D;
    --color-surface:                #121414;
    --color-surface-low:            #1b1c1c;
    --color-surface-container:      #1f2020;
    --color-surface-high:           #292a2a;
    --color-surface-highest:        #343535;
    --color-surface-lowest:         #0d0e0f;

    --color-primary:                #e9c176;
    --color-primary-container:      #c5a059;
    --color-primary-fixed:          #ffdea5;
    --color-on-primary:             #412d00;
    --color-on-primary-container:   #4e3700;

    --color-on-surface:             #e3e2e2;
    --color-on-surface-variant:     #d1c5b4;
    --color-outline:                #9a8f80;
    --color-outline-variant:        #4e4639;

    /* Typography */
    --font-headline:    'Noto Serif', Georgia, serif;
    --font-body:        'Manrope', system-ui, sans-serif;

    /* Spacing */
    --gutter:           24px;
    --section-padding:  120px;
    --container-max:    1440px;

    /* Effects */
    --glass-bg:         rgba(26, 26, 26, 0.4);
    --glass-blur:       blur(20px);
    --glass-border:     rgba(197, 160, 89, 0.1);
    --gold-glow:        0 0 20px rgba(197, 160, 89, 0.15);
    --ambient-shadow:   0 40px 80px rgba(0, 0, 0, 0.4);

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