/*
 Theme Name:   Ambre Clinic Child
 Theme URI:    https://ambreclinic.com
 Description:  Astra child theme for Ambre Clinic — Ambassador of Rejuvenation. Custom branding, Beaver Builder compatible, bilingual FR/EN ready.
 Author:       Ambre Clinic Dev
 Author URI:   https://ambreclinic.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  ambre-clinic-child
 Tags:         medical, clinic, aesthetic, luxury, gold, dark, beaver-builder
*/

/* ==========================================================================
   0. CSS CUSTOM PROPERTIES — BRAND IDENTITY
   Extracted from Ambre Clinic brand guide
   ========================================================================== */

:root {
  /* Primary palette */
  --ambre-gold:        #C9A46A;
  --ambre-gold-light:  #E2C99A;
  --ambre-gold-pale:   #F8F2E8;
  --ambre-gold-deep:   #A8823E;

  /* Neutrals */
  --ambre-dark:        #1A1A1A;
  --ambre-mid:         #4A4A4A;
  --ambre-light:       #FAF7F2;
  --ambre-white:       #FFFFFF;

  /* Borders */
  --ambre-border:        rgba(201, 164, 106, 0.28);
  --ambre-border-strong: rgba(201, 164, 106, 0.55);

  /* Typography */
  --font-heading:  'Cormorant Garamond', serif;
  --font-body:     'DM Sans', sans-serif;
  --font-accent:   'Great Vibes', cursive;

  /* Spacing scale */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  44px;
  --space-xl:  64px;
  --space-xxl: 96px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.4s ease;

  /* Shadows */
  --shadow-card:  0 4px 16px rgba(201, 164, 106, 0.10);
  --shadow-hover: 0 6px 28px rgba(201, 164, 106, 0.16);
  --shadow-soft:  0 1px 4px rgba(0, 0, 0, 0.04);
}