/* =========================================================
   Design tokens — Monrei Saigon
   Dùng chung cho web (04-web) và poster (05-posters).
   Màu lấy từ bộ nhận diện chính thức (01-brand/):
   - #00469C: màu logo (Monrei Logo-01/02.png)
   - #2F356B: nền navy của bộ văn phòng phẩm (túi hồ sơ, phong bì)
   - Đồng ánh kim: quai túi hồ sơ
   ⚠️ Font: guideline chưa quy định font → đang dùng tạm Playfair Display + Be Vietnam Pro.
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap&subset=vietnamese");

:root {
  /* Màu thương hiệu */
  --c-primary: #00469c;
  --c-primary-dark: #2f356b;
  --c-primary-deep: #1c2150;
  --c-tint: #91aacf;
  --c-mist: #e6ecf5;

  /* Nền */
  --c-sand: #eef2f7;
  --c-ivory: #fafaf8;
  --c-white: #ffffff;

  /* Màu nhấn (CTA) — đồng ánh kim */
  --c-accent: #9c6630;
  --c-accent-hover: #82541f;

  /* Chữ */
  --c-ink: #1b1f3b;
  --c-muted: #5a6078;
  --c-line: #d6dce8;

  /* Font */
  --font-head: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Khoảng cách & bo góc */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 10px 30px rgba(31, 35, 80, 0.12);
}