/* Shared visual tokens. Loaded before layout/workspace styles; tokens alone do not restyle legacy pages.
   Reuse these values when migrating a screen rather than copying colors, spacing or component dimensions. */
:root {
    --app-color-navy: #003a70;
    --app-color-navy-dark: #002851;
    --app-color-text: #1f2937;
    --app-color-muted: #4f5b67;
    --app-color-line: #d9e0e8;
    --app-color-surface: #fff;
    --app-color-page: #f5f7fa;
    --app-color-primary: #337ab7;
    --app-color-info-surface: #eaf3fb;
    --app-color-control-border: #7a8795;
    --app-color-control-focus: #66afe9;
    --app-color-success: #1e7e34;
    --app-color-danger: #b91c1c;
    --app-color-warning-text: #92400e;
    --app-color-warning-surface: #fff8eb;
    --app-space-1: 2px;
    --app-space-2: 4px;
    --app-space-3: 6px;
    --app-space-4: 8px;
    --app-space-5: 10px;
    --app-space-6: 12px;
    --app-space-7: 14px;
    --app-space-8: 16px;
    --app-space-9: 20px;
    --app-space-10: 24px;
    --app-radius-control: 4px;
    --app-radius-card: 10px;
    --app-card-shadow: 0 2px 8px rgba(0,40,81,.05);
    --app-control-focus-shadow: 0 0 8px rgba(102,175,233,.6);
    --app-page-title-size: 28px;
    --app-page-title-mobile-size: 24px;
    --app-control-mobile-font-size: 16px;
    --app-table-heading-size: 14px;
    --app-table-meta-size: 13px;
    --app-loaded-count-size: 16px;
    --app-toolbar-padding: 5px var(--app-space-7);
    --app-card-padding: var(--app-space-6) var(--app-space-7);
    --app-banner-padding: var(--app-space-6) var(--app-space-8);
    --app-table-heading-padding: var(--app-space-3) var(--app-space-7);
    --app-table-cell-padding: var(--app-space-4) var(--app-space-7);
}