/* Bulkhead theme for Forgejo
 * Dark terminal aesthetic matching bulkhead.dk
 * Activate via: Site Administration > Appearance > Default Theme
 * Or user settings > Appearance > Theme */

:root {
    --color-primary: #4a9eff;
    --color-primary-contrast: #000;
    --color-primary-dark-1: #6ab0ff;
    --color-primary-dark-2: #8ac2ff;
    --color-primary-dark-3: #aad4ff;
    --color-primary-dark-4: #cce6ff;
    --color-primary-dark-5: #e6f2ff;
    --color-primary-dark-6: #f0f7ff;
    --color-primary-dark-7: #f8fbff;
    --color-primary-light-1: #3a8eef;
    --color-primary-light-2: #2a7edf;
    --color-primary-light-3: #1a6ecf;
    --color-primary-light-4: #0a5ebf;
    --color-primary-light-5: #004eaf;
    --color-primary-light-6: #003e9f;
    --color-primary-light-7: #002e8f;
    --color-primary-alpha-10: #4a9eff19;
    --color-primary-alpha-20: #4a9eff33;
    --color-primary-alpha-30: #4a9eff4b;
    --color-primary-alpha-40: #4a9eff66;
    --color-primary-alpha-50: #4a9eff80;
    --color-primary-alpha-60: #4a9eff99;
    --color-primary-alpha-70: #4a9effb3;
    --color-primary-alpha-80: #4a9effcc;
    --color-primary-alpha-90: #4a9effe1;
    --color-primary-hover: var(--color-primary-dark-1);
    --color-primary-active: var(--color-primary-dark-2);

    --is-dark-theme: true;

    --color-body: #0a0a0a;
    --color-box-header: #161616;
    --color-box-body: #111;
    --color-box-body-highlight: #1a1a1a;
    --color-text-dark: #e0e0e0;
    --color-text: #e0e0e0;
    --color-text-light: #aaa;
    --color-text-light-1: #999;
    --color-text-light-2: #888;
    --color-text-light-3: #777;
    --color-footer: #080808;
    --color-timeline: #222;
    --color-input-text: #e0e0e0;
    --color-input-background: #1a1a1a;
    --color-input-toggle-background: #1a1a1a;
    --color-input-border: #333;
    --color-input-border-hover: #555;
    --color-header-wrapper: #0d0d0d;
    --color-header-wrapper-transparent: #0d0d0d00;
    --color-light: #ffffff0a;
    --color-light-border: #ffffff18;
    --color-hover: #1a1a1a;
    --color-active: #222;
    --color-menu: #111;
    --color-card: #111;
    --color-markup-table-row: #ffffff06;
    --color-markup-code-block: #0d0d0d;
    --color-markup-code-inline: #0a0a0a;
    --color-button: #1a1a1a;
    --color-code-bg: #0d0d0d;
    --color-shadow: #00000080;
    --color-secondary-bg: #111;
    --color-text-focus: #fff;
    --color-expand-button: #222;
    --color-placeholder-text: #555;
    --color-editor-line-highlight: #161616;
    --color-caret: var(--color-text);
    --color-nav-bg: #0a0a0a;
    --color-nav-hover-bg: #1a1a1a;
    --color-nav-text: #e0e0e0;
    --color-secondary-nav-bg: #0a0a0a;
    --color-label-text: #fff;
    --color-label-bg: #222;
    --color-label-hover-bg: #333;
    --color-label-active-bg: #444;
    --color-accent: var(--color-primary);
    --color-small-accent: var(--color-primary-light-4);
    --color-highlight-fg: var(--color-primary-light-3);
    --color-highlight-bg: var(--color-primary-alpha-20);
    --color-overlay-backdrop: #000000c0;
    --color-tooltip-text: #e0e0e0;
    --color-tooltip-bg: #1a1a1af0;
    --color-border: #222;

    --color-secondary: #222;
    --color-secondary-dark-1: #333;
    --color-secondary-dark-2: #444;
    --color-secondary-dark-3: #555;
    --color-secondary-dark-4: #666;
    --color-secondary-light-1: #1a1a1a;
    --color-secondary-light-2: #161616;
    --color-secondary-light-3: #111;
    --color-secondary-light-4: #0d0d0d;
    --color-secondary-alpha-10: #22222219;
    --color-secondary-alpha-20: #22222233;
    --color-secondary-alpha-30: #2222224b;
    --color-secondary-alpha-40: #22222266;
    --color-secondary-hover: var(--color-secondary-dark-1);
    --color-secondary-active: var(--color-secondary-dark-2);

    --color-reaction-bg: #ffffff08;
    --color-reaction-active-bg: var(--color-primary-alpha-20);
    --color-reaction-hover-bg: var(--color-primary-alpha-30);

    --color-project-board-bg: #111;

    accent-color: var(--color-accent);
    color-scheme: dark;
}

body {
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace !important;
    background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
}

.ui.container, .page-content {
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace !important;
}

a {
    color: #4a9eff;
}

a:hover {
    color: #6ab0ff;
}

.logo .logo-text {
    display: none !important;
}

::selection {
    background: #4a9eff40 !important;
    color: #fff !important;
}