:root {
    --page-bg: #f3f6fa;
    --panel-bg: #ffffff;
    --panel-soft: #f8fafc;
    --text: #162033;
    --muted: #6b778c;
    --border: #dfe5ed;
    --border-strong: #cbd5e1;
    --brand: #153a66;
    --brand-2: #245d99;
    --brand-soft: #eaf2fb;
    --header-blue: #dceafa;
    --product-yellow: #fff6a8;
    --positive: #147a45;
    --positive-bg: #eaf8f0;
    --negative: #b42318;
    --negative-bg: #fff0ee;
    --warning: #9a6700;
    --warning-bg: #fff8df;
    --shadow: 0 8px 28px rgba(25, 42, 70, 0.08);
    --shadow-soft: 0 2px 10px rgba(25, 42, 70, 0.06);
    --radius: 14px;
    --radius-small: 9px;
}