/* Signal design system: tokens. Loaded after the legacy chain and wins by order. */
:root {
    --sa-color-bg: #eef1ef;
    --sa-color-panel: #ffffff;
    --sa-color-panel-soft: #f6f8f7;
    --sa-color-border: #dbe2de;
    --sa-color-border-strong: #b5c1bb;
    --sa-color-text: #0f1714;
    --sa-color-muted: #52605a;
    --sa-color-label: #33423b;
    --sa-color-primary: #c3262d;
    --sa-color-primary-strong: #9e1c22;
    --sa-color-primary-soft: #fbe9ea;
    --sa-color-success: #0d7a4a;
    --sa-color-success-soft: #e0f4ea;
    --sa-color-warning: #8a5a00;
    --sa-color-warning-soft: #fff1cf;
    --sa-color-danger: #b42318;
    --sa-color-danger-soft: #fde4e1;
    --sa-color-info: #1d5a85;
    --sa-color-info-soft: #e3f0f8;
    --sa-color-sidebar: #0b1210;
    --sa-color-sidebar-hover: #17211d;
    --sa-color-sidebar-text: #9fb2a8;
    --sa-color-sidebar-active: #ffffff;
    --sa-color-lamp-ok: #1fbf75;
    --sa-color-lamp-warn: #f0b429;
    --sa-color-lamp-critical: #ef4b43;
    --sa-color-lamp-unknown: #7d8b97;
    --sa-color-focus: #1d7a55;
    --sa-color-focus-soft: rgba(29, 122, 85, 0.22);

    --sx-radius-card: 1rem;
    --sx-radius-control: 0.625rem;
    --sx-shadow-rest: 0 1px 2px rgba(11, 18, 16, 0.05), 0 0 0 1px rgba(11, 18, 16, 0.02);
    --sx-shadow-lift: 0 10px 28px -12px rgba(11, 18, 16, 0.28), 0 2px 6px rgba(11, 18, 16, 0.06);
    --sx-sidebar-width: 15.5rem;
    --sx-topbar-height: 3.5rem;

    --sx-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --sx-ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
    --sx-dur-fast: 140ms;
    --sx-dur: 280ms;
    --sx-dur-slow: 640ms;
}

@view-transition {
    navigation: auto;
}