/* Parasite custom theme — monochrome dark
 * Overrides Forgejo's --color-* variables for a near-monochrome look.
 */

:root {
    /* Parasite palette tokens */
    --background: #0a0a0a;
    --foreground: #ededed;
    --primary: #444444;
    --primary-hover: #555555;
    --secondary: #222222;
    --secondary-hover: #333333;
    --muted: #666666;
    --highlight: #888888;
    --highlight-hover: #999999;
    --border: #444444;
    --accent-1: #cccccc;
    --accent-2: #aaaaaa;
    --accent-3: #777777;

    /* Forgejo core overrides */
    --color-primary: #888888;
    --color-primary-contrast: #000000;
    --color-primary-hover: #999999;
    --color-primary-active: #777777;
    --color-primary-dark-1: #999999;
    --color-primary-dark-2: #aaaaaa;
    --color-primary-dark-3: #bbbbbb;
    --color-primary-dark-4: #cccccc;
    --color-primary-dark-5: #dddddd;
    --color-primary-dark-6: #eeeeee;
    --color-primary-dark-7: #f5f5f5;
    --color-primary-light-1: #777777;
    --color-primary-light-2: #666666;
    --color-primary-light-3: #555555;
    --color-primary-light-4: #444444;
    --color-primary-light-5: #333333;
    --color-primary-light-6: #222222;
    --color-primary-light-7: #1a1a1a;
    --color-primary-alpha-10: #88888819;
    --color-primary-alpha-20: #88888833;
    --color-primary-alpha-30: #8888884b;
    --color-primary-alpha-40: #88888866;
    --color-primary-alpha-50: #88888880;
    --color-primary-alpha-60: #88888899;
    --color-primary-alpha-70: #888888b3;
    --color-primary-alpha-80: #888888cc;
    --color-primary-alpha-90: #888888e1;

    --color-secondary: #333333;
    --color-secondary-dark-1: #444444;
    --color-secondary-dark-2: #555555;
    --color-secondary-dark-3: #666666;
    --color-secondary-dark-4: #777777;
    --color-secondary-dark-5: #888888;
    --color-secondary-dark-6: #999999;
    --color-secondary-dark-7: #aaaaaa;
    --color-secondary-dark-8: #bbbbbb;
    --color-secondary-dark-9: #cccccc;
    --color-secondary-dark-10: #dddddd;
    --color-secondary-dark-11: #dddddd;
    --color-secondary-dark-12: #eeeeee;
    --color-secondary-dark-13: #eeeeee;
    --color-secondary-light-1: #2a2a2a;
    --color-secondary-light-2: #222222;
    --color-secondary-light-3: #1a1a1a;
    --color-secondary-light-4: #141414;
    --color-secondary-hover: #2a2a2a;
    --color-secondary-active: #222222;
    --color-secondary-alpha-10: #33333319;
    --color-secondary-alpha-20: #33333333;
    --color-secondary-alpha-30: #3333334b;
    --color-secondary-alpha-40: #33333366;
    --color-secondary-alpha-50: #33333380;
    --color-secondary-alpha-60: #33333399;
    --color-secondary-alpha-70: #333333b3;
    --color-secondary-alpha-80: #333333cc;
    --color-secondary-alpha-90: #333333e1;

    /* Surface colors */
    --color-body: #0a0a0a;
    --color-box-header: #1a1a1a;
    --color-box-body: #111111;
    --color-box-body-highlight: #222222;
    --color-card: #141414;
    --fancy-card-bg: #1a1a1a;
    --fancy-card-border: #333333;
    --color-code-bg: #111111;
    --color-markup-code-block: #141414;
    --color-markup-code-inline: #1a1a1a;
    --color-markup-table-row: #ffffff06;
    --color-secondary-bg: #141414;
    --color-button: #222222;
    --color-menu: #141414;

    /* Text colors */
    --color-text-dark: #ffffff;
    --color-text: #ededed;
    --color-text-light: #cccccc;
    --color-text-light-1: #bbbbbb;
    --color-text-light-2: #aaaaaa;
    --color-text-light-3: #999999;
    --color-text-focus: #ffffff;
    --color-caret: #ededed;
    --color-placeholder-text: #666666;

    /* Input */
    --color-input-text: #ededed;
    --color-input-background: #1a1a1a;
    --color-input-toggle-background: #1a1a1a;
    --color-input-border: #333333;
    --color-input-border-hover: #555555;

    /* Header / Nav */
    --color-header-wrapper: #0a0a0a;
    --color-header-wrapper-transparent: #0a0a0a00;
    --color-nav-bg: #0a0a0a;
    --color-nav-hover-bg: #222222;
    --color-nav-text: #ededed;
    --color-secondary-nav-bg: #0a0a0a;

    /* Footer */
    --color-footer: #0a0a0a;

    /* Interactive states */
    --color-light: #ffffff14;
    --color-light-border: #ffffff1a;
    --color-hover: #222222;
    --color-active: #2a2a2a;
    --color-shadow: #00000080;
    --color-expand-button: #222222;

    /* Labels */
    --color-label-text: #ededed;
    --color-label-bg: #33333380;
    --color-label-hover-bg: #444444;
    --color-label-active-bg: #555555;
    --color-label-bg-alt: #444444;

    /* Misc */
    --color-timeline: #333333;
    --color-accent: #888888;
    --color-small-accent: #444444;
    --color-highlight-fg: #aaaaaa;
    --color-highlight-bg: #88888833;
    --color-tooltip-text: #ffffff;
    --color-tooltip-bg: #000000f0;
    --color-overlay-backdrop: #000000c0;
    --color-project-board-bg: #1a1a1a;
    --color-project-board-dark-label: #999999;
    --color-editor-line-highlight: #1a1a1a;
    --color-reaction-bg: #ffffff0a;
    --color-reaction-active-bg: #88888833;
    --color-reaction-hover-bg: #8888884b;
    --color-white: #ffffff;

    --is-dark-theme: true;
    accent-color: #888888;
    color-scheme: dark;
}

/* Force dark scheme override too */
@media (prefers-color-scheme: dark) {
    :root {
        --color-body: #0a0a0a;
        --color-header-wrapper: #0a0a0a;
        --color-footer: #0a0a0a;
        --color-nav-bg: #0a0a0a;
    }
}

/* Font */
body {
    font-family: "Courier New", Courier, monospace;
}

/* Full-width header bar */
#navbar {
    margin: 0 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    background: #0a0a0a !important;
    border-bottom: 1px solid #222222 !important;
}

/* Hide footer */
.page-footer {
    display: none !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #111111;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #444444;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #333333 #111111;
}

/* Repo names — bright white */
a.text.primary.name,
.repo-header a.repo-header-name,
#repo-header .repo-header-name {
    color: #ffffff !important;
}

/* Selection */
::selection {
    background: #444444 !important;
    color: #ffffff !important;
}