/*
 * Momo Review — CSS Variables
 * Port từ React src/index.css (lines 1-30).
 * Giữ nguyên tên biến để dễ search/port thêm.
 */
:root {
  --primary: #ff8ca3;          /* Vibrant soft pink */
  --primary-light: #ffb8c5;
  --secondary: #6cb0c7;        /* Vibrant soft blue */
  --secondary-light: #a4d3e2;
  --accent: #fbc668;           /* Warm yellow */
  --accent-light: #fde4a9;
  --background: #fcfbfb;
  --surface: #ffffff;
  --text: #2d3748;
  --text-light: #718096;
  --border: rgba(226, 232, 240, 0.6);
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.05);
  --radius: 20px;
  --transition: all 0.3s ease;
  --font-base: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}