:root, :root[data-theme="dark"] {
    --main-color: #005FB8;
    --main-color-rgb: 0, 95, 184;
    --glow-color: #005FB8;
    --primary-light: #3F88D1;
    --primary-dark: #003A7D;
    --primary-glow: rgba(0, 95, 184, 0.5);
    --text-color: #ffffffe6;
    --pow-color: rgba(255, 255, 255, 0.75);
    --ot-color: rgba(255, 255, 255, 0.45);
    --border: #252525d9;
    --button-back: #101010d9;
    --main-bg: #181818;
    --bg-primary: #181818;
    --bg-secondary: #0a0a0a;
    --main-text: #ffffff;
    --text-primary: #ffffff;
    --accent: #E11C23;
    --accent-rgb: 225, 28, 35;
    --secondary-color: #004D9F;
    --secondary-rgb: 0, 77, 159;
    --error: #ff3333;
    --success: #33cc66;
    --warning: #ffaa00;
    --border-radius: 8px;
    --input-bg: #232323;
    --input-border: #333333;
    --input-text: #ffffff;
    --card-bg: rgba(20, 20, 20, 0.6);
    --card-border: rgba(0, 95, 184, 0.2);
}

:root[data-theme="light"] {
    --main-color: #005FB8;
    --main-color-rgb: 0, 95, 184;
    --glow-color: #005FB8;
    --primary-light: #3F88D1;
    --primary-dark: #003A7D;
    --primary-glow: rgba(0, 95, 184, 0.4);
    --text-color: #000000e6;
    --pow-color: rgba(0, 0, 0, 0.75);
    --ot-color: rgba(0, 0, 0, 0.45);
    --border: rgba(0, 95, 184, 0.3);
    --button-back: rgba(255, 255, 255, 0.8);
    --main-bg: #f8f7ff;
    --bg-primary: #f8f7ff;
    --bg-secondary: #FFEDE0;
    --main-text: #000000;
    --text-primary: #000000;
    --input-bg: rgba(255, 255, 255, 1);
    --input-border: rgba(0, 95, 184, 0.25);
    --input-text: #000000;
    --card-bg: rgba(255, 255, 255, 0.8);
    --card-border: rgba(0, 95, 184, 0.3);
    --secondary-color: #004D9F;
    --secondary-rgb: 0, 77, 159;
}