/* ==========================================================
   base.css — design tokens dùng toàn site
   Chỉ khai báo biến, không viết style cho component ở đây.
   ========================================================== */
:root {
  /* Brand */
  --primary: #3aa948;
  --secondary: #eb1f29;
  --accent: #9a65fc;
  --success: #65bc7b;
  --warning: #fbcf41;

  /* Text */
  --text-primary: var(--primary);
  --text-secondary: var(--secondary);
  --text-title: #1f2937;
  --text-paragraph: #374151;
  --text-muted: #9ca3af;

  /* Background / border */
  --bg-primary: #ffffff;
  --bg-secondary: #f3f4f6;
  --footer-background: #111827;
  --paper-dark: #1f2937;
  --muted-dark: #d1d5db;
  --border: #e4e4e7;

  --radius: 6px;

  /* Shadow */
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* Swiper */
  --swiper-theme-color: #000;
}