@import "../chroma/dark.css";
@import "../codemirror/dark.css";
@import "../markup/dark.css";

:root {
	--neutral-50: #fafafa;
	--neutral-100: #f5f5f5;
	--neutral-150: #ededed;
	--neutral-200: #e5e5e5;
	--neutral-250: #dedede;
	--neutral-300: #d4d4d4;
	--neutral-350: #b5b5b5;
	--neutral-400: #a3a3a3;
	--neutral-450: #8a8a8a;
	--neutral-500: #737373;
	--neutral-550: #616161;
	--neutral-600: #525252;
	--neutral-650: #474747;
	--neutral-700: #404040;
	--neutral-750: #333333;
	--neutral-800: #262626;
	--neutral-850: #1c1c1c;
	--neutral-900: #171717;
	--neutral-950: #0a0a0a;
	--is-dark-theme: true;
	--color-primary: #81a1c1;
	--color-primary-contrast: #172554;
	--color-primary-dark-1: #93c5fd;
	--color-primary-dark-2: #bfdbfe;
	--color-primary-dark-3: #dbeafe;
	--color-primary-dark-4: #eff6ff;
	--color-primary-dark-5: #f0f9ff;
	--color-primary-dark-6: #f0f9ff;
	--color-primary-dark-7: #f0f9ff;
	--color-primary-light-1: #3b82f6;
	--color-primary-light-2: #2563eb;
	--color-primary-light-3: #1d4ed8;
	--color-primary-light-4: #1e40af;
	--color-primary-light-5: #1e3a8a;
	--color-primary-light-6: #1e3a8a;
	--color-primary-light-7: #172554;
	--color-primary-alpha-10: #60a5fa19;
	--color-primary-alpha-20: #60a5fa33;
	--color-primary-alpha-30: #60a5fa4b;
	--color-primary-alpha-40: #60a5fa66;
	--color-primary-alpha-50: #60a5fa80;
	--color-primary-alpha-60: #60a5fa99;
	--color-primary-alpha-70: #60a5fab3;
	--color-primary-alpha-80: #60a5facc;
	--color-primary-alpha-90: #60a5fae1;
	--color-primary-hover: var(--color-primary-dark-1);
	--color-primary-active: var(--color-primary-dark-2);
	--color-secondary: var(--neutral-800);
	--color-secondary-dark-1: var(--neutral-600);
	--color-secondary-dark-2: var(--neutral-500);
	--color-secondary-dark-3: var(--neutral-450);
	--color-secondary-dark-4: var(--neutral-400);
	--color-secondary-dark-5: var(--neutral-350);
	--color-secondary-dark-6: var(--neutral-300);
	--color-secondary-dark-7: var(--neutral-250);
	--color-secondary-dark-8: var(--neutral-200);
	--color-secondary-dark-9: var(--neutral-150);
	--color-secondary-dark-10: var(--neutral-100);
	--color-secondary-dark-11: var(--neutral-100);
	--color-secondary-dark-12: var(--neutral-100);
	--color-secondary-dark-13: var(--neutral-100);
	--color-secondary-light-1: var(--neutral-750);
	--color-secondary-light-2: var(--neutral-800);
	--color-secondary-light-3: var(--neutral-850);
	--color-secondary-light-4: var(--neutral-900);
	--color-secondary-alpha-10: #26262619;
	--color-secondary-alpha-20: #26262633;
	--color-secondary-alpha-30: #2626264b;
	--color-secondary-alpha-40: #26262666;
	--color-secondary-alpha-50: #26262680;
	--color-secondary-alpha-60: #26262699;
	--color-secondary-alpha-70: #262626b3;
	--color-secondary-alpha-80: #262626cc;
	--color-secondary-alpha-90: #262626e1;
	--color-secondary-hover: var(--color-secondary-light-1);
	--color-secondary-active: var(--color-secondary-light-2);
	--color-console-fg: #eeeff2;
	--color-console-fg-subtle: #959cab;
	--color-console-bg: #1f212b;
	--color-console-border: #383c47;
	--color-console-hover-bg: #ffffff16;
	--color-console-active-bg: #454a57;
	--color-console-menu-bg: #383c47;
	--color-console-menu-border: #5c6374;
	--color-red: #b91c1c;
	--color-orange: #ea580c;
	--color-yellow: #ca8a04;
	--color-olive: #91a313;
	--color-green: #15803d;
	--color-teal: #0d9488;
	--color-blue: #2563eb;
	--color-violet: #7c3aed;
	--color-purple: #9333ea;
	--color-pink: #db2777;
	--color-brown: #a47252;
	--color-grey: var(--neutral-500);
	--color-black: #111827;
	--color-red-light: #dc2626;
	--color-orange-light: #f97316;
	--color-yellow-light: #eab308;
	--color-olive-light: #839311;
	--color-green-light: #16a34a;
	--color-teal-light: #14b8a6;
	--color-blue-light: #3b82f6;
	--color-violet-light: #8b5cf6;
	--color-purple-light: #a855f7;
	--color-pink-light: #ec4899;
	--color-brown-light: #94674a;
	--color-grey-light: var(--neutral-300);
	--color-black-light: #1f2937;
	--color-red-dark-1: #a71919;
	--color-orange-dark-1: #d34f0b;
	--color-yellow-dark-1: #b67c04;
	--color-olive-dark-1: #839311;
	--color-green-dark-1: #137337;
	--color-teal-dark-1: #0c857a;
	--color-blue-dark-1: #1554e0;
	--color-violet-dark-1: #6a1feb;
	--color-purple-dark-1: #8519e7;
	--color-pink-dark-1: #c7216b;
	--color-brown-dark-1: #94674a;
	--color-black-dark-1: #0f1623;
	--color-red-dark-2: #941616;
	--color-orange-dark-2: #bb460a;
	--color-yellow-dark-2: #ca8a04;
	--color-olive-dark-2: #91a313;
	--color-green-dark-2: #15803d;
	--color-teal-dark-2: #0a766d;
	--color-blue-dark-2: #2563eb;
	--color-violet-dark-2: #5c14d8;
	--color-purple-dark-2: #7c3aed;
	--color-pink-dark-2: #b11d5f;
	--color-brown-dark-2: #a47252;
	--color-black-dark-2: #111827;
	--color-ansi-black: #1d2328;
	--color-ansi-red: #cc4848;
	--color-ansi-green: #87ab63;
	--color-ansi-yellow: #cc9903;
	--color-ansi-blue: #3a8ac6;
	--color-ansi-magenta: #d22e8b;
	--color-ansi-cyan: #00918a;
	--color-ansi-white: var(--color-console-fg-subtle);
	--color-ansi-bright-black: #424851;
	--color-ansi-bright-red: #d15a5a;
	--color-ansi-bright-green: #93b373;
	--color-ansi-bright-yellow: #eaaf03;
	--color-ansi-bright-blue: #4e96cc;
	--color-ansi-bright-magenta: #d74397;
	--color-ansi-bright-cyan: #00b6ad;
	--color-ansi-bright-white: var(--color-console-fg);
	--color-gold: #b1983b;
	--color-white: #ffffff;
	--color-pure-black: #000000;
	--color-diff-removed-word-bg: #7f1d1d;
	--color-diff-added-word-bg: #166534;
	--color-diff-removed-row-bg: #450a0a;
	--color-diff-moved-row-bg: #713f12;
	--color-diff-added-row-bg: #052e16;
	--color-diff-removed-row-border: #7f1d1d;
	--color-diff-moved-row-border: #92400e;
	--color-diff-added-row-border: #166534;
	--color-diff-inactive: var(--neutral-800);
	--color-error-border: #7f1d1d;
	--color-error-bg: #450a0a;
	--color-error-bg-active: #7f1d1d;
	--color-error-bg-hover: #7f1d1d;
	--color-error-text: #fef2f2;
	--color-success-border: #166534;
	--color-success-bg: #052e16;
	--color-success-text: #bbf7d0;
	--color-warning-border: #92400e;
	--color-warning-bg: #431407;
	--color-warning-text: #fef08a;
	--color-info-border: #1e3a5f;
	--color-info-bg: #0c1d35;
	--color-info-text: var(--neutral-200);
	--color-red-badge: #b91c1c;
	--color-red-badge-bg: #b91c1c22;
	--color-red-badge-hover-bg: #b91c1c44;
	--color-green-badge: #16a34a;
	--color-green-badge-bg: #16a34a22;
	--color-green-badge-hover-bg: #16a34a44;
	--color-yellow-badge: #ca8a04;
	--color-yellow-badge-bg: #ca8a0422;
	--color-yellow-badge-hover-bg: #ca8a0444;
	--color-orange-badge: #ea580c;
	--color-orange-badge-bg: #ea580c22;
	--color-orange-badge-hover-bg: #ea580c44;

	--thin-lightness: 0.68;
	--regular-chroma: 0.19;
	--color-thin-green: oklch(var(--thin-lightness) var(--regular-chroma) 145deg);
	--color-thin-red: oklch(var(--thin-lightness) var(--regular-chroma) 27deg);
	--color-thin-purple: oklch(var(--thin-lightness) var(--regular-chroma) 298deg);
	--color-thin-orange: oklch(var(--thin-lightness) var(--regular-chroma) 41deg);

	--thin-lightness-highlight: 0.75;
	--color-thin-red-highlight: oklch(var(--thin-lightness-highlight) var(--regular-chroma) 27deg);

	--bg-lightness: 0.26;
	--bg-chroma: 0.05;
	--color-danger-bg: oklch(var(--bg-lightness) var(--bg-chroma) 27deg);

	--color-body: var(--neutral-950);
	--color-box-header: var(--neutral-800);
	--color-box-body: var(--neutral-900);
	--color-box-body-highlight: var(--neutral-700);
	--color-text-dark: #ffffff;
	--color-text: var(--neutral-50);
	--color-text-light: var(--neutral-150);
	--color-text-light-1: var(--neutral-200);
	--color-text-light-2: var(--neutral-300);
	--color-text-light-3: var(--neutral-400);
	--color-footer: var(--neutral-950);
	--color-timeline: var(--neutral-700);
	--color-input-text: var(--neutral-50);
	--color-input-background: var(--neutral-800);
	--color-input-toggle-background: var(--neutral-800);
	--color-input-border: var(--neutral-700);
	--color-input-border-hover: var(--neutral-600);
	--color-header-wrapper: var(--neutral-900);
	--color-header-wrapper-transparent: #0a0a0a00;
	--color-light: #ffffff28;
	--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
	--color-light-border: #ffffff28;
	--color-hover: var(--neutral-800);
	--color-active: var(--neutral-750);
	--color-menu: var(--neutral-800);
	--color-card: var(--neutral-900);
	--fancy-card-bg: var(--neutral-800);
	--fancy-card-border: var(--neutral-700);
	--color-markup-table-row: #ffffff06;
	--color-markup-code-block: var(--neutral-900);
	--color-markup-code-inline: var(--neutral-850);
	--color-button: var(--neutral-700);
	--color-code-bg: var(--neutral-900);
	--color-shadow: #00000060;
	--color-secondary-bg: var(--neutral-800);
	--color-text-focus: #ffffff;
	--color-expand-button: var(--neutral-700);
	--color-placeholder-text: var(--color-text-light-3);
	--color-editor-line-highlight: var(--neutral-800);
	--color-project-board-bg: var(--color-secondary-light-3);
	--color-project-board-dark-label: var(--color-text-light-3);
	--color-caret: var(--color-text);
	--color-reaction-bg: #ffffff12;
	--color-reaction-active-bg: var(--color-primary-alpha-30);
	--color-reaction-hover-bg: var(--color-primary-alpha-40);
	--color-tooltip-text: #ffffff;
	--color-tooltip-bg: #000000f0;
	--color-nav-bg: var(--neutral-950);
	--color-nav-hover-bg: var(--neutral-700);
	--color-secondary-nav-bg: var(--color-body);
	--color-label-text: #ffffff;
	--color-label-bg: var(--neutral-700);
	--color-label-hover-bg: var(--neutral-650);
	--color-label-active-bg: var(--neutral-600);
	--color-label-bg-alt: var(--neutral-650);
	--color-accent: var(--color-primary-dark-1);
	--color-small-accent: var(--color-primary-dark-5);
	--color-highlight-fg: var(--neutral-50);
	--color-highlight-bg: var(--neutral-700);
	--color-overlay-backdrop: #080808c0;
	--color-selection-bg: var(--neutral-400);
	--color-selection-fg: var(--neutral-950);
	--checkerboard-color-1: #474747;
	--checkerboard-color-2: #313131;
	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);
}

i.grey.icon.icon.icon.icon {
	color: var(--neutral-400) !important;
}

.ui.secondary.vertical.menu {
	border-radius: 0.28571429rem !important;
	overflow: hidden;
}

.ui.basic.primary.button.item {
	background-color: var(--color-active) !important;
	color: var(--color-text) !important;
	box-shadow: none !important;
}

.ui.red.label.notification_count,
.ui.primary.label,
.ui.primary.labels .label {
	background-color: var(--color-primary-dark-3) !important;
	color: var(--neutral-950) !important;
}

.ui.labeled.icon.buttons>.button>.icon,
.ui.labeled.icon.button>.icon {
	background-color: var(--color-light) !important;
}

#review-box .review-comments-counter {
	background-color: var(--color-shadow) !important;
	color: var(--color-white) !important;
	margin-left: 0.5em;
}

.ui.basic.labels .primary.label,
.ui.ui.ui.basic.primary.label {
	color: var(--color-text-dark) !important;
}

.ui.yellow.label.pending-label {
	color: var(--color-warning-text) !important;
}

strong.attention-important,
svg.attention-important {
	color: var(--color-violet-light);
}

strong.attention-note,
svg.attention-note {
	color: var(--color-blue-light);
}

strong.attention-caution,
svg.attention-caution {
	color: var(--color-red-light);
}

.ui.basic.red.button {
	background-color: var(--color-red);
	color: var(--color-white);
}

.ui.basic.red.button:hover,
.ui.basic.red.button:focus {
	background-color: var(--color-red-dark-1);
	color: var(--color-white);
}

.ui.basic.red.button:active {
	background-color: var(--color-red-dark-2);
	color: var(--color-white);
}