/* Theme Styles: Dark Theme Variable Overrides */

body.dark-theme {
    /* Core surfaces */
    --surface-bg: #181a1b;
    --surface-1: #1f2122;
    --surface-2: #23272b;
    --surface-3: #2a2d2e;

    /* Text */
    --text-color: #eeeeee;
    --text-muted: #cbd5e1;

    /* Brand / Accent */
    --accent-primary: #6ca8ff;
    --accent-primary-hover: #4f8fe6;

    /* Semantic accents */
    --accent-success-bg: #0f3a2f;
    --accent-success-text: #a7f3d0;
    --accent-success-border: #155e4a;

    --accent-error-bg: #3a0f0f;
    --accent-error-text: #fecaca;
    --accent-error-border: #7f1d1d;

    /* Navbar */
    --navbar-bg: #1f2122;
    --navbar-border: #2a2d2e;
    --navbar-link: #6ca8ff;
    --navbar-toggle-bar: #6ca8ff;
    --navbar-mobile-bg: #1f2122;

    /* Tables */
    --table-bg: #23272b;
    --table-header-bg: #1f2122;
    --table-header-text: #eeeeee;
    --table-border: #2a2d2e;
    --table-text: #eeeeee;

    /* Badges */
    --badge-primary-bg: #4f8fe6;
    --badge-primary-text: #ffffff;

    --badge-success-bg: #1f6f3a;
    --badge-success-text: #d1fae5;

    --badge-error-bg: #7f1d1d;
    --badge-error-text: #fecaca;

    /* Buttons */
    --btn-primary-bg: #6ca8ff;
    --btn-primary-text: #ffffff;
    --btn-primary-hover-bg: #4f8fe6;

    --btn-secondary-bg: #2a2d2e;
    --btn-secondary-text: #eeeeee;
    --btn-secondary-hover-bg: #3a3d3f;

    --btn-danger-bg: #b91c1c;
    --btn-danger-text: #ffffff;
    --btn-danger-hover-bg: #991b1b;

    /* Modals */
    --modal-surface: #1f2122;
    --modal-backdrop: rgba(0, 0, 0, 0.55);

    /* Account page */
    --surface-account: #1f2122;

    /* User info box */
    --surface-info: #23272b;
}