/* ── BrainCare Intelligence brand palette ──
 * Single source cho mọi trang FE. Mỗi HTML <link> file này TRƯỚC </head>.
 * Đặt sau inline <style> trong source order → cascade ưu tiên brand.css
 * (mọi giá trị :root inline cùng tên var bị override).
 *
 * Brand colors:
 *   Blue   #1d6495 — primary  (links, header, focus)
 *   Green  #4d9d37 — secondary (success, growth, CTA chính)
 *   Orange #f07e20 — accent   (attention, CTA cao, warning)
 *   Navy   #0f2744 — dark surface (sidebar, topbar dark)
 *
 * KHÔNG khai báo var page-specific ở đây (--c-de_xuat, --booked, --shadow-*)
 * — những var đó giữ inline trong từng trang.
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
  /* Brand core */
  --navy:       #0f2744;
  --navy-mid:   #1a3a5c;
  --teal:       #1d6495;   /* primary blue */
  --teal-light: #e3f0f9;
  --teal-mid:   #4d9d37;   /* aligns with green for CTA emphasis */
  --amber:      #f07e20;   /* brand orange */
  --amber-light:#ffe9d6;
  --green:      #4d9d37;
  --green-light:#e0f3da;

  /* Supporting */
  --red:        #dc2626;
  --red-light:  #fee2e2;
  --purple:     #7c3aed;
  --purple-light:#ede9fe;

  /* Neutrals */
  --slate:      #64748b;
  --slate-light:#f1f5f9;
  --border:     #e2e8f0;
  --text:       #1e293b;
  --muted:      #94a3b8;
}