/* Light theme — default (also the fallback if data-theme is unset). */
:root,
html[data-theme="light"] {
    --pms-bg: #ffffff;
    --pms-bg-alt: #f5f6f8;
    --pms-canvas: #f8f9fb;
    --pms-fg: #17191d;
    --pms-fg-muted: #666d78;
    --pms-border: #dfe2e7;
    --pms-border-strong: #cbd0d8;
    --pms-accent: #2864dc;
    --pms-accent-fg: #ffffff;
    --pms-danger: #c92a20;
    --pms-success: #157f3d;
    --pms-warning: #a15c08;
    --pms-focus-ring: color-mix(in srgb, var(--pms-accent) 22%, transparent);
    --pms-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.045), 0 1px 3px rgba(15, 23, 42, 0.04);
    --pms-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);

    /* Compatibility aliases used by the Syncfusion grid skin. */
    --pms-primary: var(--pms-accent);
    --pms-panel: var(--pms-bg);
    --pms-text: var(--pms-fg);
    --pms-muted: var(--pms-fg-muted);

    /* Layout dimensions (theme-independent, defined here so they inherit everywhere) */
    --pms-topbar-h: 52px;
    --pms-sidebar-w: 260px;
    --pms-sidebar-w-collapsed: 56px;
}