:root {
    /* Forgejo Modern Variable Mapping (Blue Accent) */
    --c-primary: #0077FF;
    --c-primary-hover: #77B6FF;
    --c-primary-active: #003877;
    
    --c-grey-1: #000000;
    --c-grey-2: #111111; 
    --c-grey-3: #222222;
    --c-grey-4: #444444;
    --c-grey-5: #B6B6B6;
    --c-grey-6: #FFFFFF;

    /* Grayscale UI Palette */
    --steel-900: #000000;
    --steel-850: #0D0D0D; 
    --steel-800: #161616; 
    --steel-700: #222222;
    --steel-650: #333333; 
    --steel-100: #FFFFFF;

    --is-dark-theme: true;

    /* Primary Branding */
    --color-primary: #0077FF;
    --color-primary-contrast: #FFFFFF;

    /* UI Layout Fixes */
    --color-body: var(--steel-900);
    --color-box-header: var(--steel-850);
    --color-box-body: var(--steel-800);
    --color-text: var(--steel-100);
    --color-nav-bg: var(--steel-900);
    --color-footer: var(--steel-900);
    --color-input-background: var(--steel-850);
    --color-input-border: var(--steel-650);

    /* --- FINAL HEATMAP REPAIR --- */
    /* Level 0: The Empty State (Baseline) */
    --color-secondary-alpha-60: #1a1a1a !important; 
    
    /* Levels 1-4: High-Saturation Blues to prevent "muddy" transparency */
    --color-primary-light-4: #0044cc !important; /* Lvl 1: Deep saturated blue */
    --color-primary-light-3: #0066ff !important; /* Lvl 2 */
    --color-primary-light-2: #4499ff !important; /* Lvl 3 */
    --color-primary-light-1: #aaccff !important; /* Lvl 4: Very bright blue */

    /* Legend & Sub-component Variables */
    --color-primary-alpha-10: var(--color-primary-light-4) !important;
    --color-primary-alpha-20: var(--color-primary-light-4) !important;
    --color-primary-alpha-30: var(--color-primary-light-3) !important;
    --color-primary-alpha-40: var(--color-primary-light-3) !important;
    --color-primary-alpha-50: var(--color-primary-light-2) !important;
    --color-primary-alpha-60: var(--color-primary-light-1) !important;
    
    --color-markup-code-block: #050505;
    --color-timeline: #222222;
}

/* --- FORCE VISIBILITY ON HEATMAP --- */
#user-heatmap svg rect.vch__day__square {
    stroke: rgba(255, 255, 255, 0.1) !important;
    opacity: 1 !important; /* Prevents Forgejo's default fade-out */
}

/* Hard-override for all possible Forgejo selectors to stop the "blacker than empty" look */
#user-heatmap svg rect[data-level="0"] { fill: var(--color-secondary-alpha-60) !important; }
#user-heatmap svg rect[data-level="1"], .vch__level-1 { fill: var(--color-primary-light-4) !important; }
#user-heatmap svg rect[data-level="2"], .vch__level-2 { fill: var(--color-primary-light-3) !important; }
#user-heatmap svg rect[data-level="3"], .vch__level-3 { fill: var(--color-primary-light-2) !important; }
#user-heatmap svg rect[data-level="4"], .vch__level-4 { fill: var(--color-primary-light-1) !important; }

/* Legibility fixes for text and menus */
.ui.dropdown .menu > .header:not(.ui) {
    color: #888888 !important;
    background-color: #0a0a0a !important;
    border-bottom: 1px solid var(--steel-650) !important;
}

.ui.dropdown .menu > .item { color: #ffffff !important; }

/* Header Consistency */
.full.height > .ui.menu, .ui.menu.navbar, #navbar {
    background-color: #000000 !important;
    border-bottom: 1px solid var(--steel-650) !important;
}

/* --- Toggles & Checkboxes --- */
.ui.checkbox label:before,
.ui.toggle.checkbox label:before {
    background-color: #000000 !important;
    border: 1px solid var(--steel-650) !important;
}

.ui.toggle.checkbox input:checked ~ label:before {
    background-color: var(--c-primary) !important;
}

/* --- Interactive States --- */
.ui.button:hover, 
.ui.menu:not(.navbar) .item:hover, 
.ui.dropdown .menu > .item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

#navbar-logo img {
    height: 40px !important;
}