:root {
    --accent-color: #444cf755;
    --pattern-bg: #e5e5f7;
    --pattern-bg-wh: #fff;
    --bg-graph: #444cf7;
    --bg-primary: #242424;
    --bg-secondary: rgba(255,255,255,0.2);
    --text-primary: #fff;
    --text-secondary: #eee;
    --text-tertiary: #ddd;
    --border-color: #333;
    --arrow-secondary: rgba(255,255,255,0.1);
    --arrow-text: rgba(0,0,0,0.4);
    --arrow-text-2: rgba(0,0,0,0.6);
}

.dark {
    --accent-color: #3F51B5;
    --pattern-bg: #121212;
    --pattern-bg-wh: #000;
    --bg-graph: #3F51B5;
    --bg-primary: #fff;
    --bg-secondary: rgba(50,50,50,0.2);
    --text-primary: #000;
    --text-secondary: #333;
    --text-tertiary: #555;
    --border-color: #aaa;
    --arrow-secondary: rgba(50,50,50,0.1);
    --arrow-text: rgba(255,255,255,0.4);
    --arrow-text-2: rgba(255,255,255,0.6);
}