/* Design tokens — colors (theme-agnostic names) */

:root {
    --color-brand-primary: #16324f;
    --color-brand-accent: #0f4c6e;
    --color-brand-muted: #3d5266;

    --color-text-primary: #1f2933;
    --color-text-secondary: #5b6770;
    --color-text-muted: #6b7785;
    --color-text-inverse: #ffffff;

    --color-success-bg: #e3f2e8;
    --color-success-text: #1f5c36;
    --color-warning-bg: #f3ece3;
    --color-warning-text: #7a5520;
    --color-danger-bg: #fbeaea;
    --color-danger-text: #8b2e2e;

    --surface-app: #eef1f4;
    --surface-header: #ffffff;
    --surface-nav: #f8fafb;
    --surface-raised: #ffffff;
    --surface-sunken: #f4f6f8;
    --surface-nav-active: #e8eef4;
    --surface-overlay: rgba(22, 50, 79, 0.12);

    --color-row-selected: #e3ecf4;
    --color-focus-ring: #0f4c6e;

    --border-subtle: #e4e9ee;
    --border-default: #cfd6dd;
    --border-strong: #b8c2cc;

    --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04);
    --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);
}