body.alarmflow-ui {
    --af-space-1: 0.25rem;
    --af-space-2: 0.5rem;
    --af-space-3: 0.75rem;
    --af-space-4: 1rem;
    --af-space-5: 1.25rem;
    --af-space-6: 1.5rem;
    --af-space-8: 2rem;
    --af-surface-workspace: #f5f7fa;
    --af-surface-card: #fff;
    --af-text: #10233d;
    --af-text-muted: #5b6573;
    --af-panel-shadow-soft: 0 1px 2px rgba(16, 35, 61, 0.035);
    --af-panel-shadow: 0 8px 20px rgba(16, 35, 61, 0.055);
    --af-panel-shadow-strong: 0 16px 36px rgba(15, 23, 42, 0.08);
    --af-row-shadow: 0 8px 18px rgba(16, 35, 61, 0.045);
    --af-surface-elevated: rgba(255, 255, 255, 0.98);
    --af-surface-muted: color-mix(in srgb, var(--af-surface) 58%, white);
    --af-surface-soft: color-mix(in srgb, var(--af-surface) 70%, white);
    --af-control-border: #dce4ee;
    --af-control-border-strong: #c9d3e0;
    --af-control-bg: #fff;
    --af-control-bg-soft: #fbfcfe;
    --af-control-radius: 7px;
    --af-card-radius: 8px;
    --af-pill-radius: 6px;
    --af-icon-size: 1rem;
    --af-icon-scale: 1.04;
    --af-icon-stroke: 2.45;
    --af-icon-chip-size: 2.5rem;
    --af-icon-chip-sm-size: 2.1rem;
    --af-icon-chip-lg-size: 3.25rem;
    --af-sidebar-width: 15.5rem;
    --af-sidebar-collapsed-width: 4.5rem;
    --af-topbar-height: 4.85rem;
    --af-page-gutter: clamp(1rem, 2vw, 2rem);
    --af-page-space-top: clamp(1rem, 1.5vw, 1.5rem);
    --af-page-space-bottom: 3rem;
    --af-page-global-max: 112rem;
    --af-page-standard-max: var(--af-page-global-max);
    --af-page-wide-max: var(--af-page-global-max);
    --af-page-dense-max: var(--af-page-global-max);
    --af-page-max: var(--af-page-global-max);
    --af-sidebar-bg: #08172a;
    --af-sidebar-bg-elevated: #10233d;
    --af-sidebar-text: #edf4fb;
    --af-sidebar-muted: #91a1b6;
    --af-sidebar-hover: rgba(255, 255, 255, 0.08);
    --af-sidebar-active: var(--af-orange);
    --af-mobile-shell-breakpoint: 900px;
}