:root {
    --font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
    /* Xanh dương chủ đạo */
    --blue-900: #0b2a5b; /* tiêu đề, chữ đậm */
    --blue-800: #0f3a86;
    --blue-700: #144bbb; /* hover nút */
    --blue-600: #1f5eea; /* màu chính: nút, link, mục đang chọn */
    --blue-500: #3b7cf7;
    --blue-200: #c7dbff;
    --blue-100: #e7efff; /* nền mục đang chọn, ô icon */
    --blue-50: #f3f7ff; /* nền ứng dụng, hover nhẹ */
    /* Trung tính */
    --ink: #0f172a;
    --ink-2: #334155;
    --muted: #64748b;
    --line: #e2e8f0;
    --line-2: #eef2f7;
    --surface: #ffffff;
    /* Trạng thái */
    --danger: #dc2626;
    --danger-bg: #fef2f2;
    --success: #16a34a;
    --success-bg: #f0fdf4;
    --warning: #d97706;
    --warning-bg: #fffbeb;
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 16px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 12px 32px -16px rgba(31, 94, 234, 0.35);
    --ring: 0 0 0 4px rgba(31, 94, 234, 0.18);
}