/* =====================================================================
   Design tokens dùng chung cho cả trang public (style.css) và trang admin
   (admin.css). Nạp file này TRƯỚC style.css/admin.css ở cả 2 layout.

   --accent được set inline ngay sau khi nạp file này, ở
   app/Views/layout/header.php (public) và app/Views/admin/layout/header.php
   (admin), đọc từ bảng `cai_dat` qua App\Models\CaiDat::layMauChuDao() —
   KHÔNG hardcode màu ở CSS. Đổi màu 1 lần tại /admin/cai-dat áp dụng cho
   toàn bộ site (cả public lẫn admin), vì cả 2 dùng chung 1 giá trị DB.

   Mọi sắc độ khác (accent-2, hover, glow, nền nhạt...) đều suy ra từ
   --accent bằng color-mix() nên không cần định nghĩa lại ở nơi khác.
   ===================================================================== */
:root {
    --accent: #2f6fed; /* fallback nếu vì lý do gì đó chưa set được từ DB */
    --accent-2: color-mix(in srgb, var(--accent) 78%, white 22%);
    --accent-ink: color-mix(in srgb, var(--accent) 82%, black 12%);
    --accent-wash: color-mix(in srgb, var(--accent) 12%, white 88%);
    --accent-glow: color-mix(in srgb, var(--accent) 55%, transparent);

    --bg: #e8edf5;
    --bg-2: #f4f7fb;
    --surface: #ffffff;
    --ink: #1a2138;
    --ink-soft: #5b6478;
    --muted: #93a0b4;
    --line: #e1e7f0;
    --danger: #e0524d;
    --ok: #22b573;

    --radius-lg: 20px;
    --radius-md: 14px;
    --radius-sm: 10px;

    --shadow-raised: 0 1px 0 #fff inset, 0 14px 30px -14px rgba(30, 45, 80, .20), 0 2px 6px rgba(30, 45, 80, .06);
    --shadow-sunk: inset 0 2px 6px rgba(20, 30, 55, .14), inset 0 -1px 0 rgba(255, 255, 255, .6);
    --shadow-soft: 0 10px 22px -12px rgba(30, 45, 80, .16), 0 2px 4px rgba(30, 45, 80, .05);
}