@import url(theme-gitea-dark.css);
/* Import JetBrains Mono directly from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');

:root {
    /* General */
    --color-body: #2e3440; /* Nord0 (Polar Night) - Main background */
    --color-active: rgba(136, 192, 208, 0.2); /* Nord8 (Frost) alpha - Active tabs/buttons */
    --color-footer: rgba(46, 54, 64, 0.5); /* Nord0 with opacity */

    /* Colours */
    --color-primary: #88c0d0; /* Nord8 (Frost) - Hyperlinks and accents */

    /* Primary Dark variants (Gitea uses these to lighten text/accents on hover) */
    --color-primary-dark-1: #8fbcbb; /* Nord7 */
    --color-primary-dark-2: #94c7d6; 
    --color-primary-dark-3: #a3be8c; /* Nord14 (Aurora green) for subtle lifts */
    --color-primary-dark-4: #b48ead; /* Nord15 */
    --color-primary-dark-5: #d8dee9; /* Nord4 (Snow Storm) */
    --color-primary-dark-6: #e5e9f0; /* Nord5 */
    --color-primary-dark-7: #eceff4; /* Nord6 (Brightest white) */

    /* Primary Light variants (Gitea uses these for dark containers/button variants) */
    --color-primary-light-1: #4c566a; /* Nord3 */
    --color-primary-light-2: #434c5e; /* Nord2 */
    --color-primary-light-3: #3b4252; /* Nord1 */
    --color-primary-light-4: #2e3440; /* Nord0 */
    --color-primary-light-5: #242933; /* Darker Polar Night mix */
    --color-primary-light-6: #1d212a;
    --color-primary-light-7: #161920;

    /* Primary Accent Alpha channel mappings */
    --color-primary-alpha-10: rgba(136, 192, 208, 0.10);
    --color-primary-alpha-20: rgba(136, 192, 208, 0.20);
    --color-primary-alpha-30: rgba(136, 192, 208, 0.30);
    --color-primary-alpha-40: rgba(136, 192, 208, 0.40);
    --color-primary-alpha-50: rgba(136, 192, 208, 0.50);
    --color-primary-alpha-60: rgba(136, 192, 208, 0.60);
    --color-primary-alpha-70: rgba(136, 192, 208, 0.70);
    --color-primary-alpha-80: rgba(136, 192, 208, 0.80);
    --color-primary-alpha-90: rgba(136, 192, 208, 0.90);

    --color-secondary: #4c566a; /* Nord3 - Borders */
    --color-secondary-alpha-60: rgba(59, 66, 82, 0.6); /* Nord1 alpha for heatmap empty cells */

    /* Buttons */
    --color-button: rgba(59, 66, 82, 0.5); /* Nord1 base */
    --color-hover: rgba(76, 86, 106, 0.6); /* Nord3 base */

    /* Label buttons */
    --color-light: rgba(216, 222, 233, 0.05); /* Snow Storm alpha */

    /* Boxes (e.g., repo list on homepage) */
    --color-box-header: #3b4252; /* Nord1 */
    --color-box-body: rgba(43, 49, 61, 0.8); /* Opaque Nord variant to match your transparent intent */

    /* Input boxes */
    --color-input-background: #242933; /* Deep Polar Night */
    --color-input-border: #434c5e; /* Nord2 */

    /* Navbar */
    --color-nav-bg: #2e3440; /* Nord0 */
    --color-nav-hover-bg: #3b4252; /* Nord1 */
    --color-secondary-nav-bg: #3b4252; /* Nord1 */

    /* Menus and paginators */
    --color-menu: #2e3440; /* Nord0 */

    /* Labels */
    --color-label-bg: #434c5e; /* Nord2 */
    --color-label-hover-bg: #4c566a; /* Nord3 */
    --color-label-text: #d8dee9; /* Nord4 */

    /* Text colours */
    --color-text: #d8dee9; /* Nord4 (Snow Storm standard text) */
    --color-text-light-2: #abb2bf; /* Dimmer text for secondary elements */
    --color-text-light-1: #eceff4; /* Nord6 for hover states */

    /* Tooltips */
    --color-tooltip-bg: #3b4252; /* Nord1 */
    --color-tooltip-text: #eceff4; /* Nord6 */

    /* Code */
    --color-code-bg: #2e3440; /* Nord0 background for code blocks */

    /* Timeline */
    --color-timeline: #434c5e; /* Nord2 line */

    /* Fonts changed to JetBrains Mono */
    --fonts-regular: 'JetBrains Mono', monospace;
    --fonts-proportional: 'JetBrains Mono', monospace;
}

/* Background image */
body {
    background: url(background.png);
}

/* Line numbers in code listings */
.lines-num {
    background: rgba(43, 49, 61, 0.4);
}

/* Lock + avatar button on GPG labels */
.ui .sha.label > .button {
    background: rgba(46, 54, 64, 0.4) !important;
}

/* Lighten up names in lists */
div.flex-list .name {
    color: var(--color-primary-dark-5) !important; /* Maps to Nord4 */
}

/* TIMELINE FIX */
.timeline-item.comment .content .comment-header {
    background: #3b4252 !important; /* Nord1 */
}
.timeline-item.comment .content .comment-body {
    background: #2e3440 !important; /* Nord0 */
}
.timeline-item.comment .content {
    background: #2e3440 !important; /* Nord0 */
}