/*
Theme Name: Minh Phượng Cosmetics Child
Theme URI: https://myphamminhphuong.com.vn
Description: Child Theme chính thức dành cho thương hiệu Hóa Mỹ Phẩm Minh Phượng (Established 2005) — Gia công Mỹ phẩm Tóc Chuẩn CGMP & Giải Pháp Phục Hồi Chuyên Nghiệp.
Author: Minh Phượng Cosmetics
Author URI: https://myphamminhphuong.com.vn
Template: hello-elementor
Version: 1.0.0
Text Domain: myphamminhphuong-child
*/

/* Custom Brand Design Tokens */
:root {
  --color-cream: #F4F1EA;
  --color-cream-card: #EFEBE4;
  --color-cream-surface: #E7E2D8;
  --color-sand: #D4C5B9;
  --color-sand-light: #E5DCD3;
  --color-forest: #163A1B;
  --color-forest-light: #1E542D;
  --color-forest-leaf: #317135;
  --color-forest-sage: #5A8F41;
  --color-gold: #E2B13C;
  --color-gold-hover: #C99B2D;
  --color-gold-light: #F5E4B3;
  --color-charcoal: #2A2B2F;
}

body {
  background-color: var(--color-cream);
  color: var(--color-charcoal);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: -0.01em;
}

.headline-editorial {
  font-family: 'Paytone One', sans-serif;
  line-height: 1.18;
  letter-spacing: 0.005em;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-cream);
}
::-webkit-scrollbar-thumb {
  background: var(--color-sand);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-forest-sage);
}