/* ─── Dark (default) ─── */
:root {
    --bg-primary:   #1f1f1f;
    --bg-secondary: #2d2d2d;
    --bg-tertiary:  #383838;
    --bg-hover:     #3d3d3d;
    --bg-alt-row:   #333333;
    --text-primary: #fff;
    --text-muted:   #999;
    --border-color: #383838;
    --brand:        #646DF4;
    --brand-hover:  #535be0;
    --error:        #ff6b6b;
    --warning:      #F2D265;
}

/* ─── Light ─── */
:root.light {
    --bg-primary:   #f5f5f5;
    --bg-secondary: #ffffff;
    --bg-tertiary:  #e8e8e8;
    --bg-hover:     #ebebeb;
    --bg-alt-row:   #fafafa;
    --text-primary: #242424;
    --text-muted:   #616161;
    --border-color: #e0e0e0;
    --brand:        #646DF4;
    --brand-hover:  #535be0;
    --error:        #d13438;
    --warning:      #b88600;
}

/* ─── High contrast ─── */
:root.contrast {
    --bg-primary:   #000000;
    --bg-secondary: #000000;
    --bg-tertiary:  #1a1a1a;
    --bg-hover:     #333333;
    --bg-alt-row:   #0a0a0a;
    --text-primary: #ffffff;
    --text-muted:   #ffff00;
    --border-color: #ffffff;
    --brand:        #ffff00;
    --brand-hover:  #cccc00;
    --error:        #ff5555;
    --warning:      #ffff00;
}