: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: #383838;
    --c-grey-3: #383838;
    --c-grey-4: #777777;
    --c-grey-5: #B6B6B6;
    --c-grey-6: #FFFFFF;

    /* Grayscale UI Palette */
    --steel-900: #000000;
    --steel-850: #383838;
    --steel-800: #383838;
    --steel-750: #383838;
    --steel-700: #383838;
    --steel-650: #777777;
    --steel-100: #FFFFFF;

    --is-dark-theme: true;

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

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

/* --- Header Consistency Fix --- */
.full.height > .ui.menu,
.ui.menu.navbar,
.ui.menu.navbar .item,
.header-wrapper,
.secondary-nav,
#navbar {
    background-color: #000000 !important;
}

/* --- FIX: Tippy.js Tooltips (Precision Fix) --- */
/* This targets the tooltips like the "Disable Gravatar" one */
.tippy-box,
.tippy-box[data-theme~='tooltip'] {
    background-color: #1b1c1d !important;
    background-image: none !important;
    color: var(--steel-100) !important;
    border: 1px solid var(--steel-650) !important;
    opacity: 1 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.8) !important;
}

.tippy-content {
    color: var(--steel-100) !important;
    opacity: 1 !important;
}

/* Tooltip Arrow Color Fix */
.tippy-svg-arrow-outer {
    fill: var(--steel-650) !important;
}
.tippy-svg-arrow-inner {
    fill: #1b1c1d !important;
}

/* --- Fixed Dropdown & Standard Tooltip Popups --- */
.ui.dropdown .menu, 
.ui.selection.dropdown .menu,
.ui.modal,
.ui.popup {
    background: #1b1c1d !important; 
    background-color: #1b1c1d !important;
    background-image: none !important;
    border: 1px solid var(--steel-650) !important;
    color: var(--steel-100) !important;
    opacity: 1 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.8) !important;
}

/* Sub-elements for Dropdowns */
.ui.dropdown .menu > .item,
.ui.dropdown .menu > .header,
.ui.dropdown .menu > .divider,
.ui.popup > .header {
    background-color: transparent !important;
    color: var(--steel-100) !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* Standard Semantic UI Tooltip Arrow Fix */
.ui.popup:before {
    background-color: #1b1c1d !important;
    background: #1b1c1d !important;
    box-shadow: -1px -1px 0 0 var(--steel-650) !important;
    z-index: 2 !important;
}

/* --- Checkbox & Toggle Switches --- */
.ui.checkbox label:before,
.ui.toggle.checkbox label:before {
    background-color: var(--steel-800) !important;
    border: 1px solid var(--steel-650) !important;
}

.ui.toggle.checkbox label:after {
    background-color: #FFFFFF !important;
}

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

/* --- Content Segments --- */
.ui.segment, 
.ui.box, 
.ui.attached.table,
.repo-header,
.repo-title-parent {
    background-color: var(--steel-850) !important;
}

/* --- Interactive State Lightening --- */
.ui.button:hover, 
.ui.menu:not(.navbar) .item:hover, 
.ui.menu.navbar .item:hover,
.ui.selection.dropdown:hover,
.ui.dropdown .menu > .item:hover,
.list-group-item:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    filter: brightness(1.4) !important;
}

/* --- Global Overrides --- */
::selection {
    background: #0077FF !important;
    color: #FFFFFF !important;
}

.ui.primary.label, 
.ui.red.label.notification_count, 
.ui.primary.button {
    background-color: #0077FF !important;
    color: #FFFFFF !important;
}

#navbar-logo img {
    width: auto !important;
    height: 50px !important;
    max-width: 200px !important;
    image-rendering: crisp-edges;
}