:root {
    --bg:           #ffffff;
    --bg-input:     #fafafa;
    --border:       #e0e0e0;
    --text:         #333333;
    --text-muted:   #666666;
    --shadow:       rgba(0,0,0,0.08);
    --button:       #e2eaee;
    --btn-hover:    #8997b1;
    --btn-danger:   #c0392b;
    --btn-d-hover:  #e74c3c;
    --prime:        #d5e5e9;
    --second:       #d9ebd9;
    --terz:         #fccbae;
    --quarte:       #e5c4fa;
    --hover:        #e8f0fe;
    --header-bg:    #f5f5f5;
    --overlay:      rgba(0,0,0,0.4);
    --positive:     #4caf50;
    --negative:     #e53935;
}

[data-theme="dark"] {
    --bg:           #1a1a1a;
    --bg-input:     #333333;
    --border:       #444444;
    --text:         #e8e8e8;
    --text-muted:   #aaaaaa;
    --shadow:       rgba(0,0,0,0.3);
    --button:       #53585f;
    --btn-hover:    #777777;
    --btn-danger:   #e74c3c;
    --btn-d-hover:  #c0392b;
    --prime:        #252d3a;
    --prime:        #252d3a;
    --second:       #25302a;
    --terz:         #302820;
    --quarte:       #2d2535;
    --hover:        #2e3a50;
    --header-bg:    #333333;
    --overlay:      rgba(0,0,0,0.6);
}

body {
    background: var(--bg);
    color: var(--text);
    transition: background 0.2s, color 0.2s;
}