/*
Theme Name:  Lumina Cosmetic & Botanicals
Theme URI:   https://luminabotanicals.com
Description: Premium herbal cosmetics theme for Lumina Cosmetic & Botanicals. WooCommerce-ready with full ACF homepage management.
Version:     1.0.0
Author:      Lumina Development Team
Author URI:  https://luminabotanicals.com
License:     GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lumina
Domain Path: /languages
Requires at least: 6.4
Tested up to:     6.7
Requires PHP:     8.1
WC requires at least: 8.0
WC tested up to:      9.4
Tags: woocommerce, custom-background, custom-logo, custom-menu, featured-images, full-width-template, rtl-language-support, translation-ready, blog, e-commerce
*/

/* ============================================================
   LUMINA DESIGN TOKENS
   ============================================================ */
:root {
  /* Brand core */
  --green-700: #0F6A2E;
  --green-600: #14853B;
  --green-500: #1E9B49;
  --green-400: #46B36A;
  --green-300: #8FD3A4;
  --green-200: #C8E9D2;
  --green-100: #E4F3E9;

  --orange-600: #E06A12;
  --orange-500: #F47A20;
  --orange-400: #FB9446;
  --orange-200: #FBD9BE;
  --orange-100: #FDEEDF;

  /* Surfaces */
  --cream:        #FFFDF8;
  --sage-bg:      #F3F8F1;
  --sage-bg-2:    #ECF4EA;
  --white:        #FFFFFF;
  --line:         #E9EFE7;
  --line-strong:  #D6E2D2;

  /* Text */
  --ink:          #222222;
  --ink-soft:     #4A524A;
  --ink-faint:    #7C857B;
  --on-green:     #FFFFFF;
  --on-green-soft:#DCEFE2;

  /* Semantic aliases */
  --bg:           var(--cream);
  --bg-alt:       var(--sage-bg);
  --primary:      var(--green-600);
  --primary-deep: var(--green-700);
  --accent:       var(--orange-500);

  /* Gradients */
  --grad-botanical: linear-gradient(135deg, #1E9B49 0%, #14853B 45%, #0F6A2E 100%);
  --grad-sage:      linear-gradient(180deg, #F3F8F1 0%, #FFFDF8 100%);
  --grad-lotus:     linear-gradient(135deg, #FB9446 0%, #F47A20 100%);
  --grad-hero:      radial-gradient(120% 120% at 80% 10%, #E4F3E9 0%, #F3F8F1 40%, #FFFDF8 100%);

  /* Typography */
  --font-display: "Playfair Display", "Georgia", serif;
  --font-sans:    "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Type scale */
  --fs-display: clamp(2.75rem, 5vw, 4.25rem);
  --fs-h1:      clamp(2.25rem, 4vw, 3.25rem);
  --fs-h2:      clamp(1.875rem, 3vw, 2.5rem);
  --fs-h3:      1.5rem;
  --fs-h4:      1.25rem;
  --fs-lead:    1.1875rem;
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.75rem;

  --lh-tight: 1.08;
  --lh-snug:  1.25;
  --lh-body:  1.65;

  --tracking-eyebrow: 0.22em;
  --tracking-caps:    0.08em;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;
  --section-y: clamp(64px, 9vw, 120px);
  --container: 1240px;

  /* Radii */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   22px;
  --r-xl:   32px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-xs:   0 1px 2px rgba(15, 106, 46, 0.05);
  --shadow-sm:   0 4px 14px rgba(20, 133, 59, 0.07);
  --shadow-md:   0 14px 36px rgba(20, 133, 59, 0.10);
  --shadow-lg:   0 28px 60px rgba(15, 106, 46, 0.14);
  --shadow-lotus:0 18px 40px rgba(244, 122, 32, 0.22);

  /* Motion */
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur:      280ms;
  --dur-slow: 520ms;
}