:root {
  /* Base Colors */
  --color-white: #ffffff;
  --color-cream: #f6f0e6;
  --color-light-cream: #f0f0f0;
  --color-gray-medium: #c8c8c8;
  --color-gray-dark: #7a7a7a;
  --color-brown-light: #8b6351;
  --color-brown-medium: #543e24;
  --color-brown-dark: #503d31;
  --color-green-medium: #27ae60;

  /* Optional: Semantic naming for UI usage */
  --color-bg: var(--color-light-cream);
  --color-text: var(--color-brown-dark);
  --color-accent: var(--color-brown-light);
  --color-button: var(--color-brown-medium);
  --color-card-bg: var(--color-white);

  --color-primary: #ff5a00;
  --color-gray: #eee;
  --color-text: #333;
  --color-danger: #d93025;
  --font-main: "Inter", sans-serif;

  /* Kích thước font cơ bản */
  --fs-base: 15px;
  --fs-title: 1rem;
  --fs-title-dsk: 1.5rem;
  --fs-small: 0.8rem;
}