﻿:root {
    --blue-primary: #003b95; /* Xanh nước chủ đạo */
    --white-primary: #ffffff; /* Xanh nước chủ đạo */
    --black-primary: #000000; /* Xanh nước chủ đạo */
    --light-blue-primary: #0795ff; /* Xanh nhạt chủ đạo */
    --red-primary: #eb1c24; /* Đỏ chủ đạo */
    --green-primary: #28a745;
    --gray-primary: #a1a1a1; /* Xám chủ đạo */
    --purple: #4f46e5;
    --red-cargo: #f6040d;
    --blue-cargo: #147e93;
    /* ------------------------------------ */
    /* ------------------------------------ */
    /* ------------------------------------ */
    /* ------------------------------------ */
    /* ------------------------------------ */
    /* ------------------------------------ */
    /* ------------------------------------ */
    /* ------------------------------------ */
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --primary-color: #2563eb;
    --secondary-color: #64748b;
    --success-color: #059669;
    --warning-color: #d97706;
    --danger-color: #dc2626;
    --light-bg: #f8fafc;
    --border-color: #e2e8f0;
    --white: #ffffff;
    --black: #000000;
    --vang-nhat: #fef3c7; /* vàng nhạt */
    --vang-tuoi: #fbbf24; /* vàng tươi */
    --cam-dam: #f59e0b; /* cam đậm */
    --cam-dam-2: #d97706; /* cam đậm hơn */
    --xanh-duong: #4A90E2; /* xanh dương chính */
    --xanh-duong-2: #5A9AED; /* xanh dương nhạt */
    --shadow-xanh: rgba(74, 144, 226, 0.3); /* bóng đổ xanh */
    --shadow-xanh-01: rgba(74, 144, 226, 0.1); /* bóng đổ xanh */
    --mau-chu-trang: #ffffff;
    --mau-trang-mo-20: rgba(255, 255, 255, 0.2);
    --mau-trang-mo-30: rgba(255, 255, 255, 0.3);
    --mau-trang-mo-40: rgba(255, 255, 255, 0.4);
    --section-header-light: #f1f5f9; /* xám nhạt */
    --section-header-dark: #e2e8f0; /* xám đậm */
    --section-title-color: var(--secondary-color);
    --section-icon-color: var(--primary-color);
    --section-border: var(--border-color);
    --section-shadow: var(--shadow);
    --section-shadow-hover: var(--shadow-lg);
    --chu-xam: #64748b;
}
