@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&family=Source+Sans+3:wght@400;600;700&display=swap');

gitea-theme-meta-info {
  --theme-display-name: "USWDS Patriot";
  --theme-color-scheme: "dark";
}
:root {
  --is-dark-theme: true;

  --color-primary: #005ea2;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #0050a0;
  --color-primary-dark-2: #004690;
  --color-primary-dark-3: #003a78;
  --color-primary-dark-4: #1a4480;
  --color-primary-dark-5: #162e51;
  --color-primary-dark-6: #112240;
  --color-primary-dark-7: #0a1428;
  --color-primary-light-1: #1a7ac4;
  --color-primary-light-2: #3388cc;
  --color-primary-light-3: #4d96d4;
  --color-primary-light-4: #73b3e7;
  --color-primary-light-5: #a0ccee;
  --color-primary-light-6: #c0ddf4;
  --color-primary-light-7: #d9e8f6;
  --color-primary-alpha-10: #005ea219;
  --color-primary-alpha-20: #005ea233;
  --color-primary-alpha-30: #005ea24b;
  --color-primary-alpha-40: #005ea266;
  --color-primary-alpha-50: #005ea280;
  --color-primary-alpha-60: #005ea299;
  --color-primary-alpha-70: #005ea2b3;
  --color-primary-alpha-80: #005ea2cc;
  --color-primary-alpha-90: #005ea2e1;
  --color-primary-hover: #0050d8;
  --color-primary-active: #004690;

  --color-secondary: #3d4551;
  --color-secondary-dark-1: #4a5260;
  --color-secondary-dark-2: #565c65;
  --color-secondary-dark-3: #5f6870;
  --color-secondary-dark-4: #6b7580;
  --color-secondary-dark-5: #71767a;
  --color-secondary-dark-6: #808890;
  --color-secondary-dark-7: #8e9498;
  --color-secondary-dark-8: #9ca0a4;
  --color-secondary-dark-9: #a9aeb1;
  --color-secondary-dark-10: #b8bcc0;
  --color-secondary-dark-11: #c6c8cc;
  --color-secondary-dark-12: #d4d6d8;
  --color-secondary-dark-13: #dfe1e2;
  --color-secondary-light-1: #333a48;
  --color-secondary-light-2: #2a3038;
  --color-secondary-light-3: #1e2430;
  --color-secondary-light-4: #161c24;
  --color-secondary-alpha-10: #3d455119;
  --color-secondary-alpha-20: #3d455133;
  --color-secondary-alpha-30: #3d45514b;
  --color-secondary-alpha-40: #3d455166;
  --color-secondary-alpha-50: #3d455180;
  --color-secondary-alpha-60: #3d455199;
  --color-secondary-alpha-70: #3d4551b3;
  --color-secondary-alpha-80: #3d4551cc;
  --color-secondary-alpha-90: #3d4551e1;
  --color-secondary-button: var(--color-secondary-dark-4);
  --color-secondary-hover: var(--color-secondary-dark-3);
  --color-secondary-active: var(--color-secondary-dark-2);

  --color-console-fg: #f0f0f0;
  --color-console-fg-subtle: #a9aeb1;
  --color-console-bg: #1b1b1b;
  --color-console-border: #3d4551;
  --color-console-hover-bg: #2a3038;
  --color-console-active-bg: #3d4551;
  --color-console-menu-bg: #1b1b1b;
  --color-console-menu-border: #565c65;
  --color-console-link: #73b3e7;

  --color-red: #d83933;
  --color-orange: #fa9441;
  --color-yellow: #f2e4d4;
  --color-olive: #775540;
  --color-green: #00a91c;
  --color-teal: #00bde3;
  --color-blue: #005ea2;
  --color-violet: #9d5d00;
  --color-purple: #b50909;
  --color-pink: #e41d3d;
  --color-brown: #775540;
  --color-black: #1b1b1b;
  --color-red-light: #f2938c;
  --color-orange-light: #ffbc78;
  --color-yellow-light: #f2e4d4;
  --color-olive-light: #c05600;
  --color-green-light: #4da81c;
  --color-teal-light: #97d4ea;
  --color-blue-light: #73b3e7;
  --color-violet-light: #c05600;
  --color-purple-light: #b50909;
  --color-pink-light: #e41d3d;
  --color-brown-light: #c05600;
  --color-black-light: #565c65;
  --color-red-dark-1: #d83933;
  --color-orange-dark-1: #fa9441;
  --color-yellow-dark-1: #f2e4d4;
  --color-olive-dark-1: #775540;
  --color-green-dark-1: #00a91c;
  --color-teal-dark-1: #00bde3;
  --color-blue-dark-1: #005ea2;
  --color-violet-dark-1: #9d5d00;
  --color-purple-dark-1: #b50909;
  --color-pink-dark-1: #e41d3d;
  --color-brown-dark-1: #775540;
  --color-black-dark-1: #1b1b1b;
  --color-red-dark-2: #b50909;
  --color-orange-dark-2: #c05600;
  --color-yellow-dark-2: #dfe1e2;
  --color-olive-dark-2: #775540;
  --color-green-dark-2: #00a91c;
  --color-teal-dark-2: #07648d;
  --color-blue-dark-2: #0050d8;
  --color-violet-dark-2: #9d5d00;
  --color-purple-dark-2: #8b0a03;
  --color-pink-dark-2: #b50909;
  --color-brown-dark-2: #775540;
  --color-black-dark-2: #1b1b1b;

  --color-ansi-black: #1b1b1b;
  --color-ansi-red: #d83933;
  --color-ansi-green: #00a91c;
  --color-ansi-yellow: #fa9441;
  --color-ansi-blue: #005ea2;
  --color-ansi-magenta: #e41d3d;
  --color-ansi-cyan: #00bde3;
  --color-ansi-white: var(--color-console-fg-subtle);
  --color-ansi-bright-black: #565c65;
  --color-ansi-bright-red: #f2938c;
  --color-ansi-bright-green: #4da81c;
  --color-ansi-bright-yellow: #ffbc78;
  --color-ansi-bright-blue: #73b3e7;
  --color-ansi-bright-magenta: #e41d3d;
  --color-ansi-bright-cyan: #97d4ea;
  --color-ansi-bright-white: var(--color-console-fg);

  --color-grey: #71767a;
  --color-grey-light: #a9aeb1;
  --color-gold: #9d5d00;
  --color-white: #ffffff;

  --color-diff-added-fg: #00a91c;
  --color-diff-added-linenum-bg: #0a2a10;
  --color-diff-added-row-bg: #0a2010;
  --color-diff-added-row-border: #1a4020;
  --color-diff-added-word-bg: #1a4a1a;
  --color-diff-moved-row-bg: #2a2818;
  --color-diff-moved-row-border: #5a5830;
  --color-diff-removed-fg: #d83933;
  --color-diff-removed-linenum-bg: #2a0a0a;
  --color-diff-removed-row-bg: #200808;
  --color-diff-removed-row-border: #3a1414;
  --color-diff-removed-word-bg: #3a1010;
  --color-diff-inactive: #1b1b1b;

  --color-error-border: #8b0a03;
  --color-error-bg: #2a0808;
  --color-error-bg-active: #3a0c0c;
  --color-error-bg-hover: #300a0a;
  --color-error-text: var(--color-text);
  --color-success-border: #00a91c;
  --color-success-bg: #081a08;
  --color-success-text: var(--color-text);
  --color-warning-border: #fa9441;
  --color-warning-bg: #1a1408;
  --color-warning-text: var(--color-text);
  --color-info-border: #005ea2;
  --color-info-bg: #081428;
  --color-info-text: var(--color-text);

  --color-red-badge: #d83933;
  --color-red-badge-bg: #d839331a;
  --color-red-badge-hover-bg: #d839334d;
  --color-green-badge: #00a91c;
  --color-green-badge-bg: #00a91c1a;
  --color-green-badge-hover-bg: #00a91c4d;
  --color-yellow-badge: #fa9441;
  --color-yellow-badge-bg: #fa94411a;
  --color-yellow-badge-hover-bg: #fa94414d;
  --color-orange-badge: #fa9441;
  --color-orange-badge-bg: #fa94411a;
  --color-orange-badge-hover-bg: #fa94414d;

  --color-git: #005ea2;
  --color-logo: #005ea2;

  --color-body: #1b1b1b;
  --color-box-header: #1e2024;
  --color-box-body: #1b1b1b;
  --color-box-body-highlight: #222830;
  --color-text-dark: #f0f0f0;
  --color-text: #dfe1e2;
  --color-text-light: #a9aeb1;
  --color-text-light-1: #71767a;
  --color-text-light-2: #565c65;
  --color-text-light-3: #3d4551;
  --color-footer: #162e51;
  --color-timeline: #3d4551;

  --color-input-text: var(--color-text-dark);
  --color-input-background: #1b1b1b;
  --color-input-toggle-background: #3d4551;
  --color-input-border: #565c65;

  --color-light: #f0f0f008;
  --color-light-border: #f0f0f014;
  --color-hover: #f0f0f008;
  --color-hover-opaque: #222830;
  --color-active: #f0f0f010;
  --color-menu: #1b1b1b;
  --color-card: #1b1b1b;
  --color-markup-table-row: #f0f0f006;
  --color-markup-code-block: #f0f0f00a;
  --color-markup-code-inline: #f0f0f014;
  --color-button: #1e2024;
  --color-code-bg: #1b1b1b;
  --color-shadow: #00000040;
  --color-shadow-opaque: #000000;
  --color-secondary-bg: #222830;
  --color-expand-button: #2a3038;
  --color-placeholder-text: var(--color-text-light-3);
  --color-editor-line-highlight: var(--color-secondary-alpha-40);
  --color-editor-selection: var(--color-primary-alpha-50);
  --color-project-column-bg: var(--color-secondary-light-2);
  --color-caret: var(--color-text);
  --color-reaction-bg: #f0f0f008;
  --color-reaction-hover-bg: var(--color-primary-dark-4);
  --color-reaction-active-bg: var(--color-primary-dark-3);
  --color-tooltip-text: #f0f0f0;
  --color-tooltip-bg: #162e51e0;
  --color-nav-bg: #162e51;
  --color-nav-hover-bg: #1a4480;
  --color-nav-text: #dfe1e2;
  --color-secondary-nav-bg: #1b1b1b;
  --color-label-text: var(--color-text);
  --color-label-bg: #565c654b;
  --color-label-hover-bg: #565c65a0;
  --color-label-active-bg: #565c65ff;
  --color-accent: #0050d8;
  --color-small-accent: #1a4480;
  --color-highlight-fg: #fa9441;
  --color-highlight-bg: #2a2010;
  --color-overlay-backdrop: #000000c0;
  --color-danger: var(--color-red);
  --color-transparency-grid-light: #222226;
  --color-transparency-grid-dark: #1b1b1b;
  --color-workflow-edge-hover: #565c65;

  --color-syntax-keyword: #0050d8;
  --color-syntax-bool: #00bde3;
  --color-syntax-control: #fa9441;
  --color-syntax-name: #9d5d00;
  --color-syntax-type: #e41d3d;
  --color-syntax-number: #005ea2;
  --color-syntax-operator: #0050d8;
  --color-syntax-regexp: #07648d;
  --color-syntax-string: #00a91c;
  --color-syntax-comment: #71767a;
  --color-syntax-invalid: #d83933;
  --color-syntax-link: var(--color-primary);
  --color-syntax-tag: #0050d8;
  --color-syntax-attribute: #9d5d00;
  --color-syntax-property: #005ea2;
  --color-syntax-variable: #fa9441;
  --color-syntax-string-special: #c05600;
  --color-syntax-escape: #9d5d00;
  --color-syntax-entity: #07648d;
  --color-syntax-preproc: #00a91c;
  --color-syntax-preproc-file: #005ea2;
  --color-syntax-decorator: #00a91c;
  --color-syntax-namespace: #a9aeb1;
  --color-syntax-name-pseudo: #07648d;
  --color-syntax-comment-special: #07648d;
  --color-syntax-text: #dfe1e2;
  --color-syntax-text-alt: #a9aeb1;
  --color-syntax-punctuation: #71767a;
  --color-syntax-whitespace: #565c65;
  --color-syntax-diff-fg: #f0f0f0;
  --color-syntax-deleted-bg: #2a0808;
  --color-syntax-inserted-bg: #081a08;
  --color-syntax-emph: #fa9441;
  --color-syntax-strong: #c05600;
  --color-syntax-heading: #005ea2;
  --color-syntax-subheading: #00a91c;
  --color-syntax-output: #565c65;
  --color-syntax-prompt: #fa9441;
  --color-syntax-traceback: #d83933;
  --color-syntax-matching-bracket-bg: #00bde330;
  --color-syntax-nonmatching-bracket-bg: #d8393330;

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

.emoji[aria-label="check mark"],
.emoji[aria-label="currency exchange"],
.emoji[aria-label="TOP arrow"],
.emoji[aria-label="END arrow"],
.emoji[aria-label="ON! arrow"],
.emoji[aria-label="SOON arrow"],
.emoji[aria-label="heavy dollar sign"],
.emoji[aria-label=copyright],
.emoji[aria-label=registered],
.emoji[aria-label="trade mark"],
.emoji[aria-label=multiply],
.emoji[aria-label=plus],
.emoji[aria-label=minus],
.emoji[aria-label=divide],
.emoji[aria-label="curly loop"],
.emoji[aria-label="double curly loop"],
.emoji[aria-label="wavy dash"],
.emoji[aria-label="paw prints"],
.emoji[aria-label="musical note"],
.emoji[aria-label="musical notes"] {
  filter: invert(100%) hue-rotate(180deg);
}

::selection {
  background: rgba(0,94,162,0.35);
  color: #fff;
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #1b1b1b;
}
::-webkit-scrollbar-thumb {
  background: #3d4551;
  border: 2px solid #1b1b1b;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #005ea2;
}

h1, h2, h3, h4, h5, h6,
.ui.header {
  font-family: 'Merriweather', Georgia, serif !important;
}

.following.bar.light {
  background: #162e51 !important;
  border-bottom: 4px solid #d83933 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
  position: relative;
}

.following.bar.light::after {
  content: '★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: rgba(255,255,255,0.06);
  font-size: 7px;
  letter-spacing: 2px;
  overflow: hidden;
  line-height: 1;
}

#navbar .item,
#navbar a,
.following.bar.light .item,
.following.bar.light a {
  color: rgba(255,255,255,0.9) !important;
  font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}
#navbar .item:hover,
#navbar a:hover,
.following.bar.light .item:hover,
.following.bar.light a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.08) !important;
  border-radius: 3px;
}

#navbar .header-logo .svg {
  color: #d83933 !important;
}

.footer {
  background: #162e51 !important;
  border-top: 4px solid #d83933 !important;
  position: relative;
  padding: 12px 0 !important;
}

.footer::before {
  content: '★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★  ★';
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  text-align: center;
  color: rgba(255,255,255,0.06);
  font-size: 7px;
  letter-spacing: 4px;
  line-height: 1;
}

.footer a,
.footer span,
.footer .ui.left,
.footer .ui.right {
  color: rgba(223,225,226,0.8) !important;
  font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif !important;
}
.footer a:hover {
  color: #73b3e7 !important;
}

.repository .header-wrapper {
  background: #162e51 !important;
  border-bottom: 2px solid #1a4480 !important;
}

.repository .header-wrapper .tabs .item.active {
  border-bottom-color: #d83933 !important;
  color: #73b3e7 !important;
}

.ui.primary.button,
.ui.blue.button,
.ui.blue.buttons .button,
.ui.primary.buttons .button {
  background: #005ea2 !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif !important;
  font-weight: 700;
  font-size: 0.9rem !important;
  letter-spacing: 0.02em;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
  transition: background-color 0.15s ease !important;
}
.ui.primary.button:hover,
.ui.blue.button:hover,
.ui.blue.buttons .button:hover,
.ui.primary.buttons .button:hover {
  background: #0050d8 !important;
}

.ui.green.button,
.ui.positive.button,
.ui.green.buttons .button {
  background: #00a91c !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif !important;
  font-weight: 700;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}
.ui.green.button:hover,
.ui.positive.button:hover,
.ui.green.buttons .button:hover {
  background: #008c16 !important;
}

.ui.red.button,
.ui.negative.button {
  background: #d83933 !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif !important;
  font-weight: 700;
}
.ui.red.button:hover,
.ui.negative.button:hover {
  background: #b50909 !important;
}

.ui.basic.blue.button,
.ui.basic.primary.button {
  color: #005ea2 !important;
  box-shadow: inset 0 0 0 2px #005ea2 !important;
}
.ui.basic.blue.button:hover,
.ui.basic.primary.button:hover {
  color: #fff !important;
  background: #005ea2 !important;
}

.ui.basic.red.button {
  color: #d83933 !important;
  box-shadow: inset 0 0 0 2px #d8393366 !important;
}

.ui.tabular.menu .active.item {
  border-bottom: 2px solid #005ea2 !important;
  color: #005ea2 !important;
}

.ui.menu .active.item {
  color: #005ea2 !important;
}

a {
  color: #73b3e7;
}
a:hover {
  color: #0050d8;
}

.home .hero .svg {
  color: #005ea2 !important;
}

.ui.checkbox input:checked ~ .box::after,
.ui.checkbox input:checked ~ label::after {
  color: #005ea2 !important;
}

.ui.toggle.checkbox input:checked ~ .box::before,
.ui.toggle.checkbox input:checked ~ label::before {
  background-color: #005ea2 !important;
}

.ui.segment {
  border: 1px solid #3d4551 !important;
}

.ui.divider {
  border-top-color: #3d455166 !important;
}

.ui.form .field > label {
  font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif !important;
  font-weight: 600;
}

.ui.modal > .header {
  background: #162e51 !important;
  color: #f0f0f0 !important;
  border-bottom: 3px solid #d83933 !important;
  font-family: 'Merriweather', Georgia, serif !important;
}

.ui.modal > .actions {
  border-top: 1px solid #3d4551 !important;
}

.ui.card,
.ui.cards > .card {
  border: 1px solid #3d455180 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2) !important;
}
.ui.card:hover,
.ui.cards > .card:hover {
  border-color: #005ea280 !important;
  box-shadow: 0 2px 8px rgba(0,94,162,0.15) !important;
}

.ui.table {
  border: 1px solid #3d455180 !important;
}
.ui.table thead th {
  background: #222830 !important;
  border-bottom: 2px solid #3d455180 !important;
  font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  color: #a9aeb1;
}
.ui.table tbody tr:hover {
  background: rgba(0,94,162,0.04) !important;
}

.ui.label {
  font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif !important;
}

.ui.breadcrumb {
  font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif !important;
}

.commit-short-sha {
  font-family: 'Courier New', monospace !important;
  background: rgba(0,94,162,0.08) !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(0,94,162,0.15) !important;
}

.ui.sha.label {
  background: rgba(0,94,162,0.08) !important;
  border: 1px solid rgba(0,94,162,0.15) !important;
  color: var(--color-text) !important;
  font-family: 'Courier New', monospace !important;
}

.ui.info.message {
  background: rgba(0,94,162,0.08) !important;
  border-color: rgba(0,94,162,0.2) !important;
}

.feeds .list ul li.private {
  border-left: 3px solid #d83933 !important;
}

.page-content::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse at 0% 0%, rgba(22,46,81,0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 100% 100%, rgba(216,57,51,0.04) 0%, transparent 50%);
}

.organization.head {
  border-bottom: 2px solid #1a4480 !important;
}

.ui.pagination.menu .active.item {
  background: #005ea2 !important;
  color: #fff !important;
}

.ui.action.input > .button {
  background: #005ea2 !important;
  color: #fff !important;
}

.repo-topic {
  background: rgba(0,94,162,0.08) !important;
  border: 1px solid rgba(0,94,162,0.15) !important;
}

.user.profile .ui.card .extra.content ul li:not(:last-child) {
  border-bottom: 1px solid #3d455140 !important;
}
