/* Color Configuration */
:root {
    /* Light theme colors */
    --bg-color: #ffffff;
    --text-color: #333333;
    --text-secondary: #666666;
    --text-muted: #555555;
    --border-color: #333333;
    --border-light: #dddddd;
    --hover-color: #f5f5f5;
    --hover-light: #fafafa;
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-hover: rgba(0, 0, 0, 0.15);
    --button-bg: #333333;
    --button-text: #ffffff;
    --button-hover: #555555;
}

[data-theme="dark"] {
    /* Dark theme colors */
    --bg-color: #0a0a0a;
    --text-color: #ffffff;
    --text-secondary: #e0e0e0;
    --text-muted: #c0c0c0;
    --border-color: #ffffff;
    --border-light: #333333;
    --hover-color: #1a1a1a;
    --hover-light: #131313;
    --shadow: rgba(0, 0, 0, 0.5);
    --shadow-hover: rgba(0, 0, 0, 0.7);
    --button-bg: #ffffff;
    --button-text: #000000;
    --button-hover: #e0e0e0;
}