:root {
    /* Đồng bộ cảm giác màu với Internal/Portal — override nhẹ trên tokens base. */
    --cmit-blue-soft: #e7f0f7;
    --cmit-text-muted: #5c6b7a;
    --cmit-text-subtle: #758195;

    /* Status / badge soft surfaces (ApiCenter Admin) */
    --cmit-success-soft: #e8f6ee;
    --cmit-success-border: #b7e0c5;
    --cmit-success-text: #1b6b3a;
    --cmit-warn-soft: #fff6e5;
    --cmit-warn-border: #fde68a;
    --cmit-warn-text: #9a6700;
    --cmit-error-soft: #fde8e8;
    --cmit-error-border: #f3c0bb;
    --cmit-error-text: #b42318;
    --cmit-neutral-soft: #f1f3f5;
    --cmit-dot-ok: #22a06b;
    --cmit-dot-off: #97a3af;
    --cmit-sidebar-panel: #f4f7fa;
    --cmit-tooltip-bg: #1f2a37;
    --cmit-violet: #6d28d9;
    --cmit-violet-soft: #ede9fe;

    --topbar-h: 58px;
    --footer-h: 52px;
    --font: "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
    --radius: var(--cmit-control-radius);
    --transition: 0.22s ease;
}