/*
Theme Name:   House of Chettiar
Theme URI:    https://houseofchettiar.com
Description:  Luxury home fragrance eCommerce child theme built on Hello Elementor. Fully editable via Elementor Pro, WooCommerce and ACF Pro. No hardcoded layouts.
Author:       House of Chettiar Dev Team
Author URI:   https://houseofchettiar.com
Template:     hello-elementor
Version:      1.0.0
Text Domain:  house-of-chettiar
Requires PHP: 8.3
*/

/* ==========================================================================
   1. GLOBAL DESIGN TOKENS (CSS Custom Properties)
   These mirror the Elementor "Global Colors" / "Global Fonts" you will set
   in Elementor > Site Settings so designers can edit visually AND
   developers can rely on consistent variables in custom CSS.
   ========================================================================== */
:root {
  /* --- Palette (from client swatch board) --- */
  --hoc-white:       #FFFFFF;
  --hoc-ivory:        #FBF3E7;
  --hoc-cream:        #F0E1C0;
  --hoc-olive:        #5C5A3C;
  --hoc-sand:         #EFE1CE;
  --hoc-nude:         #F2D6BF;
  --hoc-tan:          #B78F66;
  --hoc-army:         #6E6B45;
  --hoc-light-grey:   #A9A9A6;
  --hoc-taupe:        #A48E80;
  --hoc-camel:        #B5744A;
  --hoc-khaki:        #5B5A3B;
  --hoc-black:        #1A1A1A;
  --hoc-gold:         #C6A15B;
  --hoc-gold-dark:    #9C7E3F;

  /* --- Semantic roles (map palette to purpose so the theme
         can be re-skinned by only editing these) --- */
  --hoc-color-bg:            var(--hoc-ivory);
  --hoc-color-surface:       var(--hoc-white);
  --hoc-color-text:          var(--hoc-black);
  --hoc-color-text-muted:    var(--hoc-taupe);
  --hoc-color-primary:       var(--hoc-olive);
  --hoc-color-accent:        var(--hoc-gold);
  --hoc-color-border:        #E5DCC8;
  --hoc-color-sale:          var(--hoc-camel);
  --hoc-color-success:       #4C6B4F;
  --hoc-color-error:         #A5432F;

  /* --- Typography --- */
  --hoc-font-heading: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --hoc-font-body:    "Jost", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --hoc-font-size-base: 16px;
  --hoc-line-height-base: 1.65;
  --hoc-letter-spacing-wide: 0.12em;

  /* --- Spacing scale --- */
  --hoc-space-xs:  8px;
  --hoc-space-sm:  16px;
  --hoc-space-md:  32px;
  --hoc-space-lg:  64px;
  --hoc-space-xl:  96px;
  --hoc-space-2xl: 140px;

  /* --- Shape / elevation --- */
  --hoc-radius-sm: 4px;
  --hoc-radius-md: 8px;
  --hoc-radius-lg: 16px;
  --hoc-shadow-soft: 0 8px 30px rgba(26, 26, 26, 0.06);
  --hoc-shadow-hover: 0 14px 40px rgba(26, 26, 26, 0.12);

  /* --- Motion --- */
  --hoc-transition-fast: 180ms ease;
  --hoc-transition-base: 320ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Import modular stylesheets (kept separate for maintainability/perf) */
@import url("assets/css/base.css");
@import url("assets/css/header-footer.css");
@import url("assets/css/woocommerce.css");
@import url("assets/css/components.css");
@import url("assets/css/animations.css");