/* AUTO-GENERATED by theme.config.js — Theme: Forest Night */
/* Xanh rừng đêm, vàng ánh trăng — huyền bí lãng mạn */

:root {
  --color-ivory:      #f8f3f1;
  --color-cream:      #f3e4e1;
  --color-beige:      #ebd0cb;
  --color-champagne:  #d9a7a0;
  --color-gold:       #c88d87;
  --color-gold-deep:  #b96f6d;
  --color-sepia:      #463434;
  --color-charcoal:   #fffaf8;
  --color-white:      #FFFFFF;
  --color-black:      #1a1212;

  --color-primary:    var(--color-champagne);
  --color-secondary:  var(--color-cream);
  --color-text:       var(--color-sepia);
  --color-bg:         var(--color-ivory);
  --color-accent:     var(--color-gold);

  --color-glass:        rgba(255, 255, 255, 0.68);
  --color-glass-border: rgba(186, 118, 112, 0.18);
  --color-veil:         rgba(140, 84, 78, 0.06);

  --accent-rgb:  201, 141, 135;
  --gold-rgb:    201, 141, 135;
  --shadow-rgb:  82, 56, 55;

  --font-display: 'Cormorant Garamond', 'Playfair Display', serif;
  --font-script:  'Cormorant Garamond', 'Playfair Display', serif;
  --font-serif:   'Playfair Display', 'Cormorant Garamond', serif;
  --font-body:    'Cormorant Garamond', serif;
  --font-sans:    'Poppins', sans-serif;

  --fs-hero:  clamp(3.2rem, 8.5vw, 7rem);
  --fs-h1:    clamp(2.6rem, 5.6vw, 4.8rem);
  --fs-h2:    clamp(2.2rem, 4.5vw, 3.8rem);
  --fs-h3:    clamp(1.35rem, 2.4vw, 1.75rem);
  --fs-body:  clamp(0.98rem, 1.15vw, 1.1rem);
  --fs-small: clamp(0.78rem, 0.85vw, 0.88rem);
  --fs-micro: clamp(0.65rem, 0.75vw, 0.75rem);

  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  6rem;
  --space-2xl: 10rem;

  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   28px;
  --radius-xl:   40px;
  --radius-full: 50%;

  --shadow-sm:   0 4px 20px rgba(90, 58, 58, 0.06);
  --shadow-md:   0 16px 50px rgba(90, 58, 58, 0.10);
  --shadow-lg:   0 32px 90px rgba(90, 58, 58, 0.14);
  --shadow-card: 0 20px 60px -12px rgba(90, 58, 58, 0.18), 0 4px 12px rgba(90, 58, 58, 0.05);
  --shadow-inset: inset 0 0 0 1px rgba(201, 141, 135, 0.15);

  --ease-out:         cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-expo:    cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out:      cubic-bezier(0.76, 0, 0.24, 1);
  --ease-in-out-circ: cubic-bezier(0.85, 0, 0.15, 1);
  --ease-spring:      cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth:      cubic-bezier(0.45, 0, 0.15, 1);
  --ease-cinematic:   cubic-bezier(0.77, 0, 0.175, 1);
  --ease-reveal:      cubic-bezier(0.5, 0, 0, 1);
  --ease-silk:        cubic-bezier(0.65, 0.05, 0.36, 1);

  --duration-fast:      0.4s;
  --duration-normal:    0.8s;
  --duration-slow:      1.2s;
  --duration-slower:    1.8s;
  --duration-cinematic: 2.4s;

  --stagger-1: 0ms;
  --stagger-2: 80ms;
  --stagger-3: 160ms;
  --stagger-4: 240ms;
  --stagger-5: 320ms;
  --stagger-6: 400ms;
  --stagger-7: 480ms;
  --stagger-8: 560ms;

  --z-base:    1;
  --z-overlay: 100;
  --z-modal:   500;
  --z-loader:  1000;
  --z-cursor:  9999;

  --grad-cream:     linear-gradient(180deg, #f8f3f1 0%, #f0e1de 100%);
  --grad-rose-veil: radial-gradient(ellipse at 30% 20%, rgba(214, 143, 140, 0.22) 0%, transparent 60%),
                   radial-gradient(ellipse at 70% 80%, rgba(188, 127, 122, 0.12) 0%, transparent 55%);
  --grad-gold:      linear-gradient(135deg, #d9a7a0 0%, #c88d87 50%, #b96f6d 100%);
  --grad-gold-shine: linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.6) 50%, transparent 80%);
}