:root {
    --color-bg: #f5f6f8;
    --color-surface: #ffffff;
    --color-border: #e5e7eb;
    --color-border-strong: #d1d5db;

    --color-text: #1f2937;
    --color-text-muted: #6b7280;
    --color-text-on-dark: #ffffff;

    --color-primary: #1e3a5f;
    --color-navy: #24304a;
    --color-accent: #c0392b;

    --color-success: #3a9d5d;
    --color-success-dark: #1e6b3e;
    --color-success-bg: #eaf7ef;
    --color-warning-bg: #f2eec2;
    --color-warning-text: #6b6320;
    --color-danger-bg: #f3d4d6;
    --color-danger-text: #7a2530;
    --color-promotion-bg: #f39c12;
    --color-promotion-text: #ffffff;

    --color-input-bg: #ffffff;

    --font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-size-base: 15px;
    --font-size-small: 12px;
    --font-size-large: 17px;

    --radius-input: 24px;
    --radius-card: 8px;
    --radius-pill: 999px;

    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.05);

    --top-region-height: 84px;
    --top-region-sub-height: 44px;
    --top-region-pad-x: 32px;

    --left-region-width: 280px;
    --color-left-bg: #e4e5e8;
    --color-left-card: #d7d9dc;
}