/* =====================================================================
   Nhan dien chung cua web khach Nha Nang Coffee (trang chu + trang dat mon): am ap, nhieu anh, it chu.
   Mau: nen kem / bo, nau ca phe dam lam khoi tuong phan, vang "nang" lam diem nhan (nut, nhan dan).
   Chu: Fraunces (tieu de mem, tron, hoa my - giong Recoleta), Lora nghieng (cau phu), Be Vietnam Pro (chu nho).
   Ap dung cho <body class="theme-cafe">. Doi mau / chu o day la ca 2 trang doi theo.
   Phong chu dong goi san (fonts/, giay phep OFL), khong tai tu ngoai.
   ===================================================================== */
@font-face { font-family: "Fraunces"; src: url("../fonts/Fraunces.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Lora"; src: url("../fonts/Lora-Italic.ttf") format("truetype"); font-weight: 400 700; font-style: italic; font-display: swap; }

body.theme-cafe {
  --cream: #fcf7e9;
  --butter: #ffe8b0;
  --sun: #ffc23d;
  --sun-deep: #f0a412;
  --espresso: #3b2219;
  --espresso-2: #51311f;
  --blush: #f9c9cf;
  --bg: var(--cream);
  --surface: #fffdf6;
  --surface-2: #f7eed8;
  --surface-3: #efe2c4;
  --text: #3b2219;
  --muted: #7a6253;
  --brand: #3b2219;
  --brand-strong: #24140e;
  --on-brand: #fffaf0;
  --accent: #f0a412;
  --accent-soft: #fff1cc;
  --line: #ecdcbc;
  --line-strong: #dcc69c;
  --ok: #2f7d4a;
  --warn: #a15c12;
  --shadow: 0 10px 30px rgba(59, 34, 25, .08);
  --shadow-lg: 0 26px 60px rgba(59, 34, 25, .18);
  --radius: 26px;
  --display: "Fraunces", Georgia, "Times New Roman", serif;
  --script: "Lora", Georgia, serif;
  color-scheme: light;
  background: var(--bg);
  color: var(--text);
}
.theme-cafe a { color: var(--espresso); }
.theme-cafe h1, .theme-cafe h2, .theme-cafe h3 {
  font-family: var(--display); font-weight: 800; letter-spacing: -.02em; text-transform: none;
  font-variation-settings: "SOFT" 100, "WONK" 0;
}

/* ---------- Nut: vien tron (pill) ---------- */
.theme-cafe .btn {
  border-radius: 999px; font-family: var(--display); font-weight: 600; letter-spacing: 0; text-transform: none; font-size: 1rem;
  font-variation-settings: "SOFT" 100; transition: background .2s, color .2s, transform .2s, box-shadow .2s;
}
.theme-cafe .btn:hover { transform: translateY(-2px); }
.theme-cafe .btn-lg { min-height: 56px; padding: 0 1.8em; font-size: 1.1rem; }
.theme-cafe .btn-primary { background: var(--espresso); color: var(--cream); box-shadow: 0 10px 22px rgba(59, 34, 25, .22); }
.theme-cafe .btn-primary:hover { background: var(--brand-strong); }
.theme-cafe .btn-sun { background: var(--sun); color: var(--espresso); box-shadow: 0 10px 22px rgba(240, 164, 18, .35); }
.theme-cafe .btn-sun:hover { background: #ffcf5c; }
.theme-cafe .btn-ghost { background: transparent; color: var(--espresso); border: 2px solid var(--espresso); }
.theme-cafe .btn-ghost:hover { background: var(--espresso); color: var(--cream); }
.theme-cafe .btn-cream { background: var(--cream); color: var(--espresso); }
.theme-cafe .btn-cream:hover { background: var(--butter); }

/* Nhan dan nghieng (nhu tem dan tren ly) */
.sticker {
  display: inline-block; padding: .35em 1em; border-radius: 999px; border: 2px solid var(--espresso);
  font-family: var(--script); font-style: italic; font-size: 1.15rem; color: var(--espresso); background: var(--sun);
  box-shadow: 0 8px 18px rgba(59, 34, 25, .18);
}
.sticker.blush { background: var(--blush); }