:root {
    /* Enterprise Palette từ Request Log Prototype */
    --bg: #f4f6f9;
    --cd: #ffffff;
    --tx: #1b1f24;
    --mu: #6a7280;
    --ln: #e2e6eb;
    --pr: #0b6bcb;
    --ok: #1a8f4c;
    --wa: #c98a00;
    --er: #d23b3b;
    --sf: #eef2f7;

    /* Tương thích ngược với các thành phần cũ */
    --bg-primary: var(--bg);
    --bg-secondary: var(--cd);
    --bg-card: var(--cd);
    --border-color: var(--ln);
    --text-primary: var(--tx);
    --text-secondary: var(--mu);
    --text-muted: var(--mu);
    --color-teal: var(--pr);
    --color-cyan: var(--pr);
    --color-emerald: var(--ok);
    --color-amber: var(--wa);
    --color-rose: var(--er);
    /* Màu sắc thương hiệu từng bộ phận */
    --dept-tiepnhan: #0b6bcb;
    --dept-cs: #6366f1;
    --dept-pro: #f59e0b;
    --dept-qc: #f43f5e;
    --dept-dir: #10b981;
    --dept-cus: #0d9488;
    --dept-ksnb: #a855f7;
    --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

:root[data-theme="light"] {
    --bg: #f4f6f9;
    --cd: #ffffff;
    --tx: #1b1f24;
    --mu: #6a7280;
    --ln: #e2e6eb;
    --pr: #0b6bcb;
    --ok: #1a8f4c;
    --wa: #c98a00;
    --er: #d23b3b;
    --sf: #eef2f7;
    --bg-primary: var(--bg);
    --bg-secondary: var(--cd);
    --bg-card: var(--cd);
    --border-color: var(--ln);
    --text-primary: var(--tx);
    --text-secondary: var(--mu);
    --text-muted: var(--mu);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --bg: #13161a;
        --cd: #1c2025;
        --tx: #e8eaed;
        --mu: #9aa3af;
        --ln: #2c323a;
        --pr: #5aa2f0;
        --ok: #4cc27f;
        --wa: #e2b341;
        --er: #f07878;
        --sf: #262c34;
        --bg-primary: var(--bg);
        --bg-secondary: var(--cd);
        --bg-card: var(--cd);
        --border-color: var(--ln);
        --text-primary: var(--tx);
        --text-secondary: var(--mu);
        --text-muted: var(--mu);
    }
}

:root[data-theme="dark"] {
    --bg: #13161a;
    --cd: #1c2025;
    --tx: #e8eaed;
    --mu: #9aa3af;
    --ln: #2c323a;
    --pr: #5aa2f0;
    --ok: #4cc27f;
    --wa: #e2b341;
    --er: #f07878;
    --sf: #262c34;
    --bg-primary: var(--bg);
    --bg-secondary: var(--cd);
    --bg-card: var(--cd);
    --border-color: var(--ln);
    --text-primary: var(--tx);
    --text-secondary: var(--mu);
    --text-muted: var(--mu);
}