/* =====================================================================
   doibep-shared.css — CSS dùng chung cho tất cả trang Đổi Bếp
   Load trước tất cả style inline của từng trang.
   ===================================================================== */

/* Design tokens — biến màu cốt lõi */
:root {
  --cream: #FAF7F2;
  --dark: #1A1A18;
  --accent: #C8511B;
  --accent-light: #F0734A;
  --muted: #7A7A72;
  --border: #E5E0D8;
  --card: #FFFFFF;
}

/* Reset */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Base */
html { scroll-behavior: smooth; }

body {
  font-family: 'Be Vietnam Pro', sans-serif;
  color: var(--dark);
}

/* Footer */
footer {
  background: var(--dark);
  color: rgba(255,255,255,0.4);
  padding: 2rem 5%;
  text-align: center;
  font-size: 0.85rem;
  border-top: 1px solid rgba(255,255,255,0.07);
}
footer span { color: var(--accent-light); }
footer p + p { margin-top: 0.5rem; }
footer a { color: rgba(255,255,255,0.5); text-decoration: none; transition: color 0.2s; }
footer a:hover { color: var(--accent-light); }