@import "../chroma/dark.less";
@primary: #e11;
@secondary: #800;
@bg: #000;

:root {
	--color-primary: @primary;
	--color-secondary: @secondary;

	/* colors */
	--color-red: #db2828;
	--color-orange: #f2711c;
	--color-yellow: #fbbd08;
	--color-olive: #b5cc18;
	--color-green: #21ba45;
	--color-teal: #00b5ad;
	--color-blue: #2185d0;
	--color-violet: #6435c9;
	--color-purple: #a333c8;
	--color-pink: #e03997;
	--color-brown: #a5673f;
	--color-grey: #767a85;
	--color-black: #1e222e;
	--color-gold: #a1882b;
	--color-white: #ffffff;
	--color-diff-removed-word-bg: #6f3333;
	--color-diff-added-word-bg: #3c653c;
	--color-diff-removed-row-bg: #3c2626;
	--color-diff-added-row-bg: #283e2d;
	--color-diff-removed-row-border: #634343;
	--color-diff-added-row-border: #314a37;
	--color-diff-inactive: #353846;

	/* target-based colors */
	--color-body: @bg;
	--color-box-header: lighten($--color-body, 2.5%);
	--color-box-body: lighten($--color-body, 2.5%);

	--color-text-dark: darken($--color-text, 2.5%);
	--color-text: contrast($--color-body);
	--color-text-light: lighten($--color-text, 2.5%);
	--color-text-light-2: lighten($--color-text, 5%);
	--color-text-light-3: lighten($--color-text, 7.5%);

	--color-footer: $--color-box-header;
	--color-timeline: $--color-body;
	--color-input-text: $--color-text;
	--color-input-background: $--color-body;
	--color-input-border: lighten($--color-primary, 7.5%);
	--color-input-border-hover: lighten($--color-primary, 7.5%);

	--color-navbar: $--color-box-header;
	--color-light: #00000028;
	--color-light-border: #ffffff28;
	--color-hover: #60606020;
	--color-active: #60606040;
	--color-menu: $--color-body;
	--color-card: $--color-body;
	--color-markdown-table-row: lighten($--color-body, 2.5%);
	--color-markdown-code-block: $--color-code-bg;
	--color-button: lighten($--color-primary, 7.5%);
	--color-code-bg: lighten($--color-body, 7.5%);
	--color-shadow: #00000060;
	--color-secondary-bg: lighten($--color-body, 5%);
	--color-text-focus: lighten($--color-primary, 7.5%);
	--color-expand-button: lighten($--color-primary, 5%);

	/* workarounds for theme handing, these should ideally go */
	--color-primary-dark-1: darken($--color-primary, 1%);
	--color-primary-dark-2: darken($--color-primary, 2%);
	--color-primary-dark-3: darken($--color-primary, 3%);
	--color-primary-dark-4: darken($--color-primary, 4%);
	--color-primary-dark-5: darken($--color-primary, 5%);
	--color-primary-dark-6: darken($--color-primary, 6%);
	--color-primary-dark-7: darken($--color-primary, 7%);
	--color-primary-light-1: lighten($--color-primary, 1%);
	--color-primary-light-2: lighten($--color-primary, 2%);
	--color-primary-light-3: lighten($--color-primary, 3%);
	--color-primary-light-4: lighten($--color-primary, 4%);
	--color-primary-light-5: lighten($--color-primary, 5%);
	--color-primary-light-6: lighten($--color-primary, 6%);
	--color-primary-light-7: lighten($--color-primary, 7%);
	--color-primary-alpha-10: fade($--color-primary, 10%);
	--color-primary-alpha-20: fade($--color-primary, 20%);
	--color-primary-alpha-30: fade($--color-primary, 30%);
	--color-primary-alpha-40: fade($--color-primary, 40%);
	--color-primary-alpha-50: fade($--color-primary, 50%);
	--color-primary-alpha-60: fade($--color-primary, 60%);
	--color-primary-alpha-70: fade($--color-primary, 70%);
	--color-primary-alpha-80: fade($--color-primary, 80%);
	--color-primary-alpha-90: fade($--color-primary, 90%);
	--color-secondary-dark-1: darken($--color-secondary, 1%);
	--color-secondary-dark-2: darken($--color-secondary, 2%);
	--color-secondary-dark-3: darken($--color-secondary, 3%);
	--color-secondary-dark-4: darken($--color-secondary, 4%);
	--color-secondary-dark-5: darken($--color-secondary, 5%);
	--color-secondary-dark-6: darken($--color-secondary, 6%);
	--color-secondary-dark-7: darken($--color-secondary, 7%);
	--color-secondary-dark-7: darken($--color-secondary, 7%);
	--color-secondary-dark-8: darken($--color-secondary, 8%);
	--color-secondary-dark-8: darken($--color-secondary, 8%);
	--color-secondary-dark-9: darken($--color-secondary, 9%);
	--color-secondary-dark-10: darken($--color-secondary, 10%);
	--color-secondary-dark-11: darken($--color-secondary, 11%);
	--color-secondary-light-1: lighten($--color-secondary, 1%);
	--color-secondary-light-2: lighten($--color-secondary, 2%);
	--color-secondary-light-3: lighten($--color-secondary, 3%);
	--color-secondary-light-4: lighten($--color-secondary, 4%);
	--color-secondary-alpha-10: fade($--color-secondary, 10%);
	--color-secondary-alpha-20: fade($--color-secondary, 20%);
	--color-secondary-alpha-30: fade($--color-secondary, 30%);
	--color-secondary-alpha-40: fade($--color-secondary, 40%);
	--color-secondary-alpha-50: fade($--color-secondary, 50%);
	--color-secondary-alpha-60: fade($--color-secondary, 60%);
	--color-secondary-alpha-70: fade($--color-secondary, 70%);
	--color-secondary-alpha-80: fade($--color-secondary, 80%);
	--color-secondary-alpha-90: fade($--color-secondary, 90%);
}

// Patches for horrible stylesheet breakage
.lines-num span::after {
	color: var(--color-text);
}