/*
Theme Name: Arhah Organic
Theme URI: https://arhahorganic.in
Author: Arhah Organic Design Team
Author URI: https://arhahorganic.in
Description: A lightweight, premium WordPress & WooCommerce theme crafted for Arhah Organic Indian food brand, featuring artisanal Bilona Ghee, bespoke typography, instant WhatsApp ordering, and future-ready e-commerce architecture.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
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: arhah-organic
Tags: e-commerce, custom-colors, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready, woocommerce
*/

/* ==========================================================================
   CSS CUSTOM PROPERTIES & DESIGN TOKENS
   ========================================================================== */
:root {
  /* Brand Palette */
  --color-brand-green-deep: #14281E;
  --color-brand-green: #1E3A2B;
  --color-brand-green-light: #2D523E;
  --color-brand-gold: #C5A059;
  --color-brand-gold-light: #DFBF7B;
  --color-brand-gold-dark: #9D7C38;
  --color-brand-ivory: #FAF7F2;
  --color-brand-cream: #F5EFEB;
  --color-brand-cream-card: #FFFFFF;
  --color-brand-earth: #4A3E31;
  --color-brand-text: #232724;
  --color-brand-text-muted: #5D6761;
  --color-brand-border: #E6DFD5;
  --color-brand-border-light: #F0EAE1;
  --color-whatsapp: #25D366;
  --color-whatsapp-dark: #1EBE5D;

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-accent: 'Cinzel', serif;

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

  /* Elevation / Shadows */
  --shadow-sm: 0 2px 6px rgba(20, 40, 30, 0.04);
  --shadow-md: 0 8px 24px rgba(20, 40, 30, 0.07);
  --shadow-lg: 0 16px 40px rgba(20, 40, 30, 0.10);
  --shadow-gold: 0 8px 20px rgba(197, 160, 89, 0.25);

  /* Border Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --container-max: 1240px;
  --container-narrow: 860px;
}