/* ==========================================================
   base.css — Biến màu, reset, typography
   ========================================================== */
:root {
  --color-primary: #d4691e;      /* cam bánh mì nướng */
  --color-primary-dark: #b0521a;
  --color-accent: #2e7d32;       /* xanh lá hành */
  --color-dark: #2b1d12;
  --color-text: #4a3b2e;
  --color-muted: #8a7a6b;
  --color-bg: #fffaf4;
  --color-bg-alt: #fdf1e3;
  --color-white: #ffffff;
  --color-border: #eadfd2;
  --shadow: 0 6px 24px rgba(43, 29, 18, 0.08);
  --radius: 14px;
  --container: 1140px;
  --font: 'Be Vietnam Pro', system-ui, -apple-system, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font);
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.65;
  font-size: 16px;
}

img { max-width: 100%; display: block; }

a { color: inherit; text-decoration: none; }

button { font-family: inherit; cursor: pointer; }

input, textarea {
  font-family: inherit;
  font-size: 1rem;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--color-white);
}

input:focus, textarea:focus {
  outline: 2px solid var(--color-primary);
  border-color: transparent;
}

h1, h2, h3, h4 { color: var(--color-dark); line-height: 1.3; }

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 20px;
}