/* ==========================================================================
   Dark Mode Theme
   Applied when html.dark-mode class is present.
   Industry-specific dark overrides live in each theme file (stonespot-theme.css,
   signzip-theme.css). This file handles legacy pages, general overrides,
   and print exclusion.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Section 1: Default/legacy dark mode (pages without .new-theme/.interim-theme)
   Overrides :root variables from default-theme.css
   -------------------------------------------------------------------------- */
html.dark-mode {
    --primary-fg-color: #d4d4d0;
    --primary-bg-color: #1c1c1a;
    --primary-accent-color: #d4b97a;
    --primary-error-color: #ff6b6b;
    --primary-success-color: #5bb84d;

    --fg-color: var(--primary-fg-color);
    --bg-color: var(--primary-bg-color);
    --surface-color: #2a2a28;
    --action-color: var(--primary-accent-color);
    --secondary-action-color: var(--primary-accent-color);
    --error-color: var(--primary-error-color);
    --success-color: var(--primary-success-color);
    --secondary-success-color: var(--primary-success-color);
    --accent-color: var(--primary-accent-color);
    --hover-color: var(--primary-accent-color);
    --selection-color: var(--primary-accent-color);
    --zebra-color: var(--selection-color);
}



/* --------------------------------------------------------------------------
   Section 2: Remaining hardcoded color overrides
   Targets elements that still use hardcoded colors not yet converted to
   CSS variables.
   -------------------------------------------------------------------------- */

/* General body/page background */
html.dark-mode body {
    background-color: var(--bg-color);
    color: var(--fg-color);
}

/* Links on legacy pages */
html.dark-mode body:not(.new-theme) .primary_content a,
html.dark-mode body:not(.new-theme) .primary_content a:visited {
    color: var(--fg-color);
}

/* Header welcome bar */
html.dark-mode #header_welcome {
    color: var(--fg-color);
}

html.dark-mode #header_welcome a {
    color: var(--fg-color);
}

/* Input fields */
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select {
    background-color: var(--surface-color);
    color: var(--fg-color);
    border-color: var(--accent-color);
}


/* --------------------------------------------------------------------------
   Section 3: Print exclusion
   Always print in light mode regardless of dark mode setting.
   Industry-specific print reversals are in each theme file.
   -------------------------------------------------------------------------- */
@media print {
    html.dark-mode {
        --primary-fg-color: #474747;
        --primary-bg-color: #f8f8f6;
        --primary-accent-color: #b19d6f;
        --primary-error-color: #dd0505;
        --primary-success-color: #3b9103;

        --fg-color: var(--primary-fg-color);
        --bg-color: var(--primary-bg-color);
        --surface-color: #ffffff;
        --action-color: var(--primary-accent-color);
        --secondary-action-color: var(--primary-accent-color);
        --error-color: var(--primary-error-color);
        --success-color: var(--primary-success-color);
        --secondary-success-color: var(--primary-success-color);
        --accent-color: var(--primary-accent-color);
        --hover-color: var(--primary-accent-color);
        --selection-color: var(--primary-accent-color);
        --zebra-color: var(--selection-color);
    }

    html.dark-mode body {
        background-color: white;
        color: black;
    }
}