/* ==========================================================================
   WEDDING PLANNER LUXURY DESIGN SYSTEM - CSS VARIABLES
   ========================================================================== */
/* NOTE: Google Fonts được load async trong index.html <head> để không block render */

:root {
  /* Primary & Accent Palettes (Luxury Rose Gold & Champagne) */
  --primary-gold: #D4AF37;
  --primary-gold-hover: #B8972E;
  --primary-gold-light: #FBF4DE;
  --primary-gold-glow: rgba(212, 175, 55, 0.35);

  --rose-gold: #E07A5F;
  --rose-gold-dark: #C65A3E;
  --rose-gold-light: #FCECE8;
  --rose-gold-glow: rgba(224, 122, 95, 0.3);

  --burgundy: #7B1113;
  --burgundy-dark: #580B0C;
  --burgundy-light: #F4E8E8;

  /* Neutral & Canvas Colors */
  --bg-page: #FDFBF7;
  --bg-surface: #FFFFFF;
  --bg-surface-alt: #F8F5EE;
  --bg-glass: rgba(255, 255, 255, 0.85);
  --bg-glass-card: rgba(255, 255, 255, 0.7);

  /* Typography Colors (Modern SaaS / Facebook standard: Slate palette) */
  --text-main: #1E293B;      /* slate-800: Sắc nét, tương phản cao, tối ưu hiển thị tiếng Việt */
  --text-heading: #0F172A;   /* slate-900: Tiêu đề trang trọng */
  --text-muted: #64748B;     /* slate-500: Text phụ & mô tả dịu mắt */
  --text-subtle: #94A3B8;    /* slate-400: Gợi ý mờ */
  --text-light: #FFFFFF;

  /* Status Colors */
  --color-success: #2A9D8F;
  --color-success-bg: #E8F6F4;
  --color-warning: #E76F51;
  --color-warning-bg: #FCEDE8;
  --color-danger: #D90429;
  --color-danger-bg: #FEE8EB;
  --color-info: #457B9D;
  --color-info-bg: #EBF3F8;

  /* Borders & Shadows */
  --border-light: rgba(212, 175, 55, 0.22);
  --border-subtle: rgba(0, 0, 0, 0.08);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --shadow-gold: 0 8px 24px var(--primary-gold-glow);
  --shadow-rose: 0 8px 24px var(--rose-gold-glow);

  /* Typography Families (Chuẩn hóa Sans-serif & Serif với Be Vietnam Pro hỗ trợ 100% tiếng Việt) */
  --font-sans: 'Plus Jakarta Sans', 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-heading: 'Plus Jakarta Sans', 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif-display: 'Playfair Display', 'Be Vietnam Pro', Georgia, serif; /* CHỈ dùng cho Thiệp cưới nghệ thuật */
  --font-serif-text: 'Cormorant Garamond', 'Be Vietnam Pro', Georgia, serif;

  /* Spacing & Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}