@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* ═══════════════════════════════════════════════════════════════════════════
   FORGEJO SERVER-SIDE THEME: EVERFOREST ZEN PRO (HEATMAP FIXED)
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    /* ═════════════════════════════════════════════════════════════════════════
       ACTIVITY HEATMAP & CALENDAR (Everforest Green Scale)
       ═════════════════════════════════════════════════════════════════════════ */
    /* Supporting multiple Forgejo/Gitea version variable formats */
    --color-calendar-graph-0: #272e33 !important;
    --color-calendar-graph-1: #3a4b45 !important;
    --color-calendar-graph-2: #5d7367 !important;
    --color-calendar-graph-3: #869d72 !important;
    --color-calendar-graph-4: #a7c080 !important;

    --color-calendar-0: #272e33 !important;
    --color-calendar-1: #3a4b45 !important;
    --color-calendar-2: #5d7367 !important;
    --color-calendar-3: #869d72 !important;
    --color-calendar-4: #a7c080 !important;

    --color-calendar-L1: #3a4b45 !important;
    --color-calendar-L2: #5d7367 !important;
    --color-calendar-L3: #869d72 !important;
    --color-calendar-L4: #a7c080 !important;

    --color-calendar-graph-day-border: transparent !important;

    /* ═════════════════════════════════════════════════════════════════════════
       CORE UI PALETTE
       ═════════════════════════════════════════════════════════════════════════ */
    --color-body: #181d20 !important;
    --color-box-body: #272e33 !important;
    --color-box-header: #272e33 !important;
    --color-box-body-highlight: #414b50 !important;
    --color-nav-bg: #181d20 !important;
    --color-navbar: #272e33 !important;
    --color-menu: #272e33 !important;
    --color-footer: #181d20 !important;

    /* Text Mapping */
    --color-text: #d3cbba !important;
    --color-text-light: #8e9a9c !important;
    --color-text-light-1: #8e9a9c !important;
    --color-text-light-2: #8e9a9c !important;
    --color-text-light-3: #8e9a9c !important;

    /* Primary Accent */
    --color-primary: #a7c080 !important;
    --color-primary-light-1: #b3cba1 !important;
    --color-primary-dark-1: #8da101 !important;
    --color-primary-dark-2: #7a8c01 !important;

    /* Borders, Hover, and UI States */
    --color-secondary: #414b50 !important;
    --color-secondary-dark-1: #414b50 !important;
    --color-active: rgba(167, 192, 128, 0.25) !important;
    --color-hover: rgba(167, 192, 128, 0.15) !important;
    --border-color: #414b50 !important;

    /* Buttons */
    --color-button: #272e33 !important;
    --color-button-hover: rgba(167, 192, 128, 0.25) !important;

    /* Selection */
    --color-selection-bg: rgba(167, 192, 128, 0.3) !important;
    --color-selection-text: #d3cbba !important;

    /* Native Variable Corner Annihilation */
    --border-radius: 0 !important;
}
/* ═══════════════════════════════════════════════════════════════════════════
   AESTHETICS (Fonts, Shapes & Scrollbars)
   ═══════════════════════════════════════════════════════════════════════════ */
* {
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, text-decoration-color 0.2s ease !important;
}

body, h1, h2, h3, h4, h5, h6, p, button, input, textarea, select, li, td, th, div, span, a, label, .ui {
    font-family: "Bricolage Grotesque", sans-serif !important;
}

pre, code, kbd, samp, .blob-code, .syntaxhighlighter, [class*="code"], .chroma, .markup pre, .markup code, .commit-summary, .commit-message {
    font-family: "JetBrainsMono Nerd Font", "JetBrainsMono NF", "JetBrains Mono", monospace !important;
}

::selection { background: var(--color-selection-bg) !important; color: var(--color-text) !important; }
::-moz-selection { background: var(--color-selection-bg) !important; color: var(--color-text) !important; }

::-webkit-scrollbar { width: 10px !important; height: 10px !important; background: var(--color-body) !important; }
::-webkit-scrollbar-thumb { background: var(--border-color) !important; border: 2px solid var(--color-body) !important; }
::-webkit-scrollbar-thumb:hover { background: var(--color-hover) !important; }

/* Bulletproof 0px Corners for stubborn Fomantic-UI components */
.ui.segment, .ui.button, .ui.menu, .ui.label, .ui.input > input {
    border-radius: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEATMAP BRUTE-FORCE OVERRIDES
   ═══════════════════════════════════════════════════════════════════════════ */

/* Force Heatmap squares to be perfectly square */
.activity-heatmap-graph rect.day,
.activity-heatmap-graph .legend rect {
    rx: 0 !important;
    ry: 0 !important;
    border-radius: 0 !important;
}

/* Hard-coded fill targeting for activity levels */
.activity-heatmap-graph rect.day.color-calendar-graph-1,
.activity-heatmap-graph .legend rect.color-calendar-graph-1,
.activity-heatmap-graph .color-calendar-1 { fill: #3a4b45 !important; }

.activity-heatmap-graph rect.day.color-calendar-graph-2,
.activity-heatmap-graph .legend rect.color-calendar-graph-2,
.activity-heatmap-graph .color-calendar-2 { fill: #5d7367 !important; }

.activity-heatmap-graph rect.day.color-calendar-graph-3,
.activity-heatmap-graph .legend rect.color-calendar-graph-3,
.activity-heatmap-graph .color-calendar-3 { fill: #869d72 !important; }

.activity-heatmap-graph rect.day.color-calendar-graph-4,
.activity-heatmap-graph .legend rect.color-calendar-graph-4,
.activity-heatmap-graph .color-calendar-4 { fill: #a7c080 !important; }

.activity-heatmap-graph rect.day.color-calendar-graph-0,
.activity-heatmap-graph .color-calendar-0 { fill: #272e33 !important; }