/* colors.css */
:root[data-theme="dark"] {
    /* Backgrounds */
    --bg-primary: #333;
    --bg-secondary: #222;
    --bg-tertiary: #2e2d2d;
    --bg-active: #363636;
    --bg-gradient-start: #222;
    --bg-gradient-end: #444;
    --bg-button: #e08e19;
    --bg-button-hover: #db860f;
    --bg-button-red: tomato;
    --bg-button-red-hover: #f25e44;
    --bg-button-dark-red: #d9381c;
    --bg-button-dark-red-hover: #c72e14;
    --bg-table-header: #474747;
    --bg-note-full: #333;
    --bg-page-info: #333;
    --bg-side-list: #474747;
    --bg-side-list-hover: #575757;
    --bg-code: #222;
    --bg-code-info: #1c1c1c;
    --bg-product: #fff;
    --bg-footer-menu: #474747;
    --bg-footer-menu-hover: #444;
    --bg-lang-tag: #333;
    --bg-scroll-thumb: #ec9d2c;
    --bg-scroll-border: #363636;

    /* Borders */
    --border-primary: #4d4d4d;
    --border-secondary: #575757;
    --border-tertiary: #444;
    --border-accent: #5cb85c;
    --border-accent-red: tomato;
    --border-accent-orange: #ec9d2c;
    --border-accent-dark-red: #d9391c;
    --border-spinner: transparent;
    --border-spinner-base: #575757;
    --border-spinner-top: #ffffff;
    --border-side-menu: #757575;
    --border-code: tomato;
    --border-output: #2194f3;
    --border-code-table: #333;
    --border-note: #474747;

    /* Text */
    --text-primary: #f9f9f9;
    --text-secondary: #adadad;
    --text-accent: #ec9d2c;
    --text-accent-hover: #ec9d2c;
    --text-note: #09c6ab;
    --text-note-blog: #4287f5;
    --text-search-active: #ff6347;
    --text-code-line: #5e5e5e;
    --text-code: #ff3366;
    --text-code-info: #999;
    --text-report-success: #67cf67;
    --text-email: #db860f;
    --text-beta: #757575;
    --text-info: #4999eb;
    --text-info-note: #12c5aa;
    --text-info-algo: #d9381c;
    --text-info-script: tomato;
    --text-danger: tomato;
    --text-warning: #d9d332;
    --text-success: #5cb85c;
    --text-info-c: #338dd6;
    --text-info-cpp: #e30255;
    --text-info-cs: #af47cc;
    --text-info-py: #f9e66e;
    --text-full-bg: #000;
    /* Shadows */
    --shadow-button: 0 0 15px 0 #222;

    /* Print Colors */
    --print-bg: transparent;
    --print-color: #000;
    --print-border: #000;
    --print-border-light: #adadad;
    
}

:root[data-theme="light"] {
    /* Backgrounds */
    --bg-primary: #f7f7f7;
    --bg-secondary: #fff;
    --bg-tertiary: #dbdbdb;
    --bg-active: #f2f2f2;
    --bg-gradient-start: #f5f5f5;
    --bg-gradient-end: #ffffff;
    --bg-button: #f4a261;
    --bg-button-hover: #e6954f;
    --bg-button-red: #ff6347;
    --bg-button-red-hover: #e55a40;
    --bg-button-dark-red: #e04b2f;
    --bg-button-dark-red-hover: #cc422a;
    --bg-table-header: #d0d0d0;
    --bg-note-full: #e0e0e0;
    --bg-page-info: #e0e0e0;
    --bg-side-list: #d0d0d0;
    --bg-side-list-hover: #b0b0b0;
    --bg-code: #f8f8f8;
    --bg-code-info: #e8e8e8;
    --bg-product: #333;
    --bg-footer-menu: #d0d0d0;
    --bg-footer-menu-hover: #b0b0b0;
    --bg-lang-tag: #e0e0e0;
    --bg-scroll-thumb: #f4a261;
    --bg-scroll-border: #f2f2f2;

    /* Borders */
    --border-primary: #cccccc;
    --border-secondary: #b0b0b0;
    --border-tertiary: #b0b0b0;
    --border-accent: #6cc76c;
    --border-accent-red: #ff6347;
    --border-accent-orange: #f4a261;
    --border-accent-dark-red: #e04b2f;
    --border-spinner: transparent;
    --border-spinner-base: #b0b0b0;
    --border-spinner-top: #333333;
    --border-side-menu: #b0b0b0;
    --border-code: #ff6347;
    --border-output: #1e88e5;
    --border-code-table: #d0d0d0;
    --border-note: #b0b0b0;

    /* Text */
    --text-primary: #000;
    --text-secondary: #666666;
    --text-accent: #ec9d2c;
    --text-accent-hover: #ec9d2c;
    --text-note: #09c6ab;
    --text-note-blog: #1976d2;
    --text-search-active: #e55a40;
    --text-code-line: #666666;
    --text-code: #e91e63;
    --text-code-info: #666666;
    --text-report-success: #4caf50;
    --text-email: #e6954f;
    --text-beta: #666666;
    --text-info: #1976d2;
    --text-info-note: #12c5aa;
    --text-info-algo: #e04b2f;
    --text-info-script: #ff6347;
    --text-danger: #ff6347;
    --text-warning: #d4c200;
    --text-success: #4caf50;
    --text-info-c: #1976d2;
    --text-info-cpp: #d81b60;
    --text-info-cs: #8e24aa;
    --text-info-py: #fbc02d;
    --text-full-bg: #fff;

    /* Shadows */
    --shadow-button: 0 0 15px 0 #cccccc;

    /* Print Colors */
    --print-bg: transparent;
    --print-color: #000;
    --print-border: #000;
    --print-border-light: #666666;
    
    /*filters*/
    --f-logo: 1;
}