/* REGOS reference palette with catalog contrast adjustments documented in docs/ui-theme.md. */
:root {
    color-scheme: light;
    --app-bg: #f5f6fa;
    --app-surface: #ffffff;
    --app-surface-alt: #edeff6;
    --app-hover: #dce3f0;
    --app-text: #333a54;
    --app-muted: #57617b;
    --app-border: #e4e8f0;
    --app-field-border: #8791a8;
    --app-field: #ffffff;
    --app-artwork-bg: #edeff6;
    --app-link: #265fb0;
    --app-focus: #3677cc;
    --app-selected-bg: #e2e8f5;
    --app-selected-text: #333a54;
    --app-selection-bg: #333a54;
    --app-selection-text: #ffffff;
    --app-primary: #327332;
    --app-primary-hover: #286628;
    --app-success: #226543;
    --app-success-bg: #e3f2e9;
    --app-info: #275e9f;
    --app-info-bg: #e6effb;
    --app-warning: #805411;
    --app-warning-bg: #fff4db;
    --app-warning-border: #dfbd79;
    --app-danger: #b83440;
    --app-danger-bg: #fff0f1;
    --app-danger-border: #edb5bc;
    --app-danger-action: #b83440;
    --app-danger-action-hover: #982733;
    --app-on-action: #ffffff;
    --app-shadow: none;
    --app-floating-shadow: 0 12px 40px rgb(51 58 84 / 14%), 0 2px 8px rgb(51 58 84 / 6%);
    --app-radius: 16px;
    --app-control-radius: 12px;
    --app-inset-radius: 16px;
    --app-badge-radius: 8px;
    --app-pill-radius: 9999px;
    --app-focus-ring: 2px solid var(--app-focus);
    --app-focus-offset: 3px;
    --app-transition: 140ms ease;
    --app-disabled-opacity: .65;
    --app-width-compact: 480px;
    --app-width-standard: 640px;
    --app-width-wide: 1024px;
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --app-bg: #333a54;
    --app-surface: #1d2235;
    --app-surface-alt: #2a3147;
    --app-hover: #414e6b;
    --app-text: #ffffff;
    --app-muted: #b4c1d4;
    --app-border: #343c53;
    --app-field-border: #7c8ca3;
    --app-field: #333a54;
    --app-artwork-bg: #65738b;
    --app-link: #a4c9ff;
    --app-focus: #a4c9ff;
    --app-selected-bg: #2a3147;
    --app-selected-text: #ffffff;
    --app-selection-bg: #a4c9ff;
    --app-selection-text: #1d2235;
    --app-success: #91e1b3;
    --app-success-bg: #223e33;
    --app-info: #bad6ff;
    --app-info-bg: #293e5b;
    --app-warning: #f3d28e;
    --app-warning-bg: #3c3527;
    --app-warning-border: #847047;
    --app-danger: #ffabb3;
    --app-danger-bg: #432a34;
    --app-danger-border: #8a5260;
    --app-floating-shadow: 0 12px 40px rgb(0 0 0 / 28%), 0 2px 8px rgb(0 0 0 / 12%);
}