:root {
  /* Gia Dụng Smart - Brand Colors */
  --primary: #2D7A6B;           /* Teal green chính */
  --primary-dark: #1E5A4D;      /* Teal green đậm */
  --primary-light: #5A9E8F;     /* Teal green nhạt */
  --primary-gradient: linear-gradient(135deg, #2D7A6B, #3A9B89);
  --secondary: #E8A838;         /* Golden amber */
  --accent: #F0B040;            /* Amber accent */
  
  /* Backgrounds */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F0F6F4;
  --bg-card: #FFFFFF;
  --bg-overlay: rgba(0, 0, 0, 0.5);
  
  /* Text */
  --text-primary: #1A2E2A;
  --text-secondary: #5A6B68;
  --text-muted: #8A9B98;
  --text-white: #FFFFFF;
  --text-price: #2D7A6B;
  
  /* Borders & shadows */
  --border-light: #D8E8E4;
  --shadow-sm: 0 2px 8px rgba(45, 122, 107, 0.06);
  --shadow-md: 0 4px 16px rgba(45, 122, 107, 0.1);
  --shadow-lg: 0 8px 32px rgba(45, 122, 107, 0.15);
  --shadow-glow: 0 4px 20px rgba(45, 122, 107, 0.35);
  
  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 50px;
  
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  
  /* Font */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}