/* themes.css
 * Updated to use [data-theme="..."] selectors instead of .theme_dark / .theme_light
 */

:root {
    /* Dark base colours */
    --dbg: #110c15;
    --d02: #1a121f;
    --d03: #23192b;
    --dfg: #392947;
    --d04: #63488e;
    --d05: #7e6bb4;

    /* Light base colours */
    --lbg: #f7f5ff;
    --l02: #f1eaff;
    --l03: #e5d8ff;
    --lfg: #b8a6e6;
    --l04: #7e6bb4;
    --l05: #4a3796;

    /* Semantic status colours */
    --red: #A4213C;
    --yel: #FF9A38;
    --gre: #007E76;

    /*
    --l05: #2d1e4d;
    --l03: #c9c0e0;
    */
}

/* Dark Theme Overrides */
[data-theme="dark"] {
    /* Base */
    --body_bg: var(--dbg);
    --body_fg: var(--dfg);
    --hr_bg: var(--d03);
    --label_fg: var(--dfg);
    --quote_fg: var(--d04);
    --quote_bc: var(--d03);

    /* Terminal box */
    --box_bg: var(--d02);
    --box_bc: var(--d02);
    --box_bc_h: var(--d03);

    /* Exams */
    --qid_fg: var(--d04);
    --q_fg: var(--d05);

    /* KB */
    --kb_h1_fg: var(--d05);
    --kb_fg: var(--d04);

    /* Code */
    --code_bg: var(--d03);
    --code_fg: var(--d04);
    --code_bc: var(--d03);

    /* Selection */
    --select_bg: var(--d02);
    --select_fg: var(--d04);
    --select_bc: var(--d03);

    /* Buttons */
    --button_bg: var(--dfg);
    --button_bg_h: var(--d04);

    /* Lists */
    --bullet_fg: var(--dfg);
}

/* Light Theme Overrides */
[data-theme="light"] {
    /* Base */
    --body_bg: var(--lbg);
    --body_fg: var(--lfg);
    --hr_bg: var(--l03);
    --label_fg: var(--lfg);
    --quote_fg: var(--l04);
    --quote_bc: var(--l03);

    /* Terminal box */
    --box_bg: var(--l02);
    --box_bc: var(--l02);
    --box_bc_h: var(--l03);

    /* Exams */
    --qid_fg: var(--l04);
    --q_fg: var(--l05);

    /* KB */
    --kb_h1_fg: var(--l05);
    --kb_fg: var(--l04);

    /* Code */
    --code_bg: var(--l03);
    --code_fg: var(--l04);
    --code_bc: var(--l03);

    /* Selection */
    --select_bg: var(--l02);
    --select_fg: var(--l04);
    --select_bc: var(--l03);

    /* Buttons */
    --button_bg: var(--l03);
    --button_bg_h: var(--lfg);

    /* Lists */
    --bullet_fg: var(--lfg);
}