/* ====== ROOT ====== */
:root {
    --erp-color-1: rgb(252, 175, 23);       --erp-color-1-hover: rgb(227, 154, 16);
    --erp-color-2: rgb(29, 52, 85);         --erp-color-2-hover: rgb(22, 42, 69);
    --erp-color-3: rgb(218, 148, 8);        --erp-color-3-hover: rgb(22, 42, 69);
    --erp-color-4: rgb(255, 127, 0);        --erp-color-4-hover: rgb(100, 68, 128);
    --erp-color-5: rgb(200, 100, 80);       --erp-color-5-hover: rgba(200, 100, 80, 0.85);
    --erp-color-6: rgb(48, 148, 88);        --erp-color-6-hover: rgba(15, 108, 50, 0.85);
    --erp-color-7: rgb(250, 0, 250);        --erp-color-7-hover: rgba(15, 108, 50, 0.85);
    --erp-color-8: rgb(250, 220, 200);      --erp-color-8-hover: rgba(250, 220, 200, 0.85);
    --erp-color-9: rgb(86, 13, 22);      --erp-color-9-hover: rgba(250, 220, 200, 0.85);
    --erp-color-10: rgb(230, 130, 70);      --erp-color-10-hover: rgba(250, 220, 200, 0.85);

    --erp-fs: 1rem;

    --erp-bg-main: rgb(240,240,240);
    --erp-bg-card: #ffffff;
    --erp-bg-light: #fff7e6; /* nền vàng nhạt */

    --erp-text-main: #1f2937;
    --erp-text-muted: #6b7280;
    --erp-text-on-primary: #ffffff;

    --erp-table-border: rgb(150, 150, 150);
    --erp-table-bg-th: rgb(250, 220, 200);

    --erp-border: rgb(229, 231, 235);
    --erp-border-strong: rgb(209, 213, 219);

    --erp-success: #22c55e;
    --erp-warning: rgb(218, 148, 8); /* cùng tone vàng */
    --erp-danger: rgb(168, 6, 6);
    --erp-info: #3b82f6;

    --g-primary-hover: rgb(22, 42, 69);
    --g-border: rgb(150 150, 150);
    --g-text: rgb(32, 33, 36);
    --g-subtext: rgb(95, 99, 104);
    --g-error: rgb(217, 48, 37);
    --g-bg: rgb(255, 255, 255);
}