/* Atlas operativo. Semantic presentation tokens, independent of domain models. */
:root {
    color-scheme: light;
    --ui-canvas: #f4f6f8;
    --ui-surface: #fff;
    --ui-surface-subtle: #edf2f6;
    --ui-text: #182636;
    --ui-text-muted: #4e6173;
    --ui-text-tertiary: #5d6e7e;
    --ui-line: #d7e0e8;
    --ui-control-border: #778899;
    --ui-action: #075985;
    --ui-action-hover: #064e73;
    --ui-action-pressed: #043f5f;
    --ui-focus: #006da8;
    --ui-focus-on-dark: #bce3fa;
    --ui-nav: #112e49;
    --ui-nav-active: #1b4668;
    --ui-nav-text: #fff;
    --ui-nav-muted: #b8c9d8;
    --ui-neutral: #46576a;
    --ui-neutral-bg: #edf2f6;
    --ui-info: #075985;
    --ui-info-bg: #e6f2f9;
    --ui-success: #136743;
    --ui-success-bg: #eaf6ee;
    --ui-warning: #805300;
    --ui-warning-bg: #fff4d9;
    --ui-danger: #a12629;
    --ui-danger-bg: #fff0ef;
    --ui-font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --ui-font-mono: "IBM Plex Mono", ui-monospace, monospace;
    --ui-space-1: .25rem;
    --ui-space-2: .5rem;
    --ui-space-3: .75rem;
    --ui-space-4: 1rem;
    --ui-space-5: 1.25rem;
    --ui-space-6: 1.5rem;
    --ui-space-7: 2rem;
    --ui-space-8: 2.5rem;
    --ui-space-9: 3rem;
    --ui-radius-small: .25rem;
    --ui-radius-control: .375rem;
    --ui-radius-surface: .5rem;
    --ui-radius-overlay: .75rem;
    --ui-shadow-menu: 0 2px 8px rgb(17 46 73 / 8%);
    --ui-shadow-overlay: 0 16px 48px rgb(17 46 73 / 18%);
    --ui-sidebar-width: 14.5rem;
    --ui-header-height: 3.5rem;
    --ui-gutter: 1.5rem;
    --ui-content-width: 112.5rem;
    --ui-type-page: 1.75rem;
    --ui-type-section: 1.125rem;
    --ui-type-body: .9375rem;
    --ui-type-table: .875rem;
    --ui-motion-fast: 120ms;
    --ui-motion-open: 180ms;
}
@media (min-width: 1600px) { :root { --ui-gutter: 2rem; } }
@media (max-width: 1279px) { :root { --ui-gutter: 1.25rem; } }
@media (max-width: 767px) { :root { --ui-type-page: 1.5rem; } }
@media (max-width: 479px) { :root { --ui-gutter: 1rem; } }