:root {
--primary: #4A6B8C;
--primary-hover: #3B5672;
--on-primary: #FFFFFF;
--primary-soft: #E7EAEE;
--primary-soft-border: #B8C7D6;
--primary-soft-text: #344D65;
--accent-light: #5980A6;
--primary-faint: #87A2BD;
--bg-subtle: #EBEBED;
--bg-sunken: #DDDEE1;
--surface-dark: #1D2D3D;
--surface-dark-hover: #2E445A;
--surface-dark-line: #38526C;
--on-surface-dark: #F2F2F3;
--checker: #D8DADD;
--ui-grey: #9299A1;
--ui-grey-light: #C3C7CB;
--riaszt-bg: #FEE2E2;  --riaszt-szel: #FCA5A5;  --riaszt-szoveg: #7F1D1D;
--figyelmeztet-bg: #FEF3C7;  --figyelmeztet-szel: #FCD34D;  --figyelmeztet-szoveg: #78350F;
--csik-bg: #1D2D3D;  --csik-szoveg: #F2F2F3;  --csik-halk: #B8C7D6;  --csik-kiemeles: #FFFFFF;
--csik-info: #9DC0E3;  --csik-figyelmeztetes: #FCD34D;  --csik-kritikus: #F87171;
--brand-steel: #5980A6;
--brand-deep: #1D2D3D;
--brand-paper: #F2F2F3;
--brand-ink: #1D1F20;
--bg-body: #F2F2F3;
--bg-panel: #FFFFFF;
--text-main: #1D1F20;
--text-muted: #68696A;
--border: #DDDEE1;
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
--radius: 6px;
}