:root {
    --primary: #1f4c73;
    --primary-soft: #d9e8f3;
    --secondary: #335c67;
    --secondary-soft: #d7e5e8;
    --accent: #c97b2a;
    --accent-soft: #f4e4d3;
    --success: #2f7d4a;
    --warning: #b7791f;
    --danger: #b24343;
    --info: #2b6cb0;
    --neutral-dark: #24313d;
    --neutral-light: #eef3f6;

    --background-main: var(--neutral-light);
    --background-surface: #ffffff;
    --background-elevated: var(--primary-soft);
    --text-main: var(--neutral-dark);
    --text-muted: color-mix(in srgb, var(--neutral-dark) 64%, var(--background-surface));
    --text-inverse: var(--background-surface);
    --border-default: color-mix(in srgb, var(--neutral-dark) 16%, var(--background-surface));
    --border-strong: color-mix(in srgb, var(--primary) 30%, var(--background-surface));
    --link-color: var(--info);
    --focus-ring: color-mix(in srgb, var(--accent) 40%, transparent);

    --button-primary-bg: var(--primary);
    --button-primary-text: var(--text-inverse);
    --button-secondary-bg: var(--secondary-soft);
    --button-secondary-text: var(--secondary);
    --button-danger-bg: var(--danger);
    --button-danger-text: var(--text-inverse);

    --table-header-bg: var(--primary-soft);
    --table-row-hover: color-mix(in srgb, var(--primary-soft) 45%, var(--background-surface));
    --alert-success-bg: color-mix(in srgb, var(--success) 12%, var(--background-surface));
    --alert-warning-bg: color-mix(in srgb, var(--warning) 14%, var(--background-surface));
    --alert-danger-bg: color-mix(in srgb, var(--danger) 12%, var(--background-surface));
    --alert-info-bg: color-mix(in srgb, var(--info) 12%, var(--background-surface));
    --shadow-soft: 0 20px 40px color-mix(in srgb, var(--primary) 10%, transparent);
}