/* Dark theme variables */
:root {
    --primary: #4d84e2;
    --primary-hover: #3a71d8;
    --secondary: #2b9a5b;
    --dark-bg: #1a1a1a;
    --dark-surface: #242424;
    --dark-surface-lighter: #2d2d2d;
    --text-light: #e6e6e6;
    --text-dim: #aaaaaa;
    --border-dark: #3a3a3a;
    --border-darker: #555555;
    --success: #2ea043;
    --success-hover: #2b9a3c;
    --warning: #d29922;
    --danger: #f85149;
    --info: #388bfd;
    --code-bg: #181818;
}

/* Light theme class - will be added to body element when toggled */
body.light-theme {
    --primary: #1a73e8;
    --primary-hover: #1765cc;
    --secondary: #34a853;
    --dark-bg: #f8f9fa;
    --dark-surface: #ffffff;
    --dark-surface-lighter: #f3f3f3;
    --text-light: #333333;
    --text-dim: #666666;
    --border-dark: #dddddd;
    --border-darker: #cccccc;
    --success: #34a853;
    --success-hover: #2d9549;
    --warning: #fbbc04;
    --danger: #ea4335;
    --info: #4285f4;
    --code-bg: #f8f8f8;
}