/**
 * @copyright 2025 USTP
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as
 * published by the Free Software Foundation; either version 2 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307, USA.
 *
 * @author: Fabian Gabler <fabian.gabler@ustp.at>
 */

[data-theme="dark"] {
	--color-surface-50: var(--colors-surface-color-950);
	--color-surface-100: var(--colors-surface-color-900);
	--color-surface-200: var(--colors-surface-color-800);
	--color-surface-300: var(--colors-surface-color-700);
	--color-surface-400: var(--colors-surface-color-600);
	--color-surface-500: var(--colors-surface-color-500);
	--color-surface-600: var(--colors-surface-color-400);
	--color-surface-700: var(--colors-surface-color-300);
	--color-surface-800: var(--colors-surface-color-200);
	--color-surface-900: var(--colors-surface-color-100);
	--color-surface-950: var(--colors-surface-color-50);

	--color-on-surface-50: var(--colors-on-surface-color-950);
	--color-on-surface-100: var(--colors-on-surface-color-900);
	--color-on-surface-200: var(--colors-on-surface-color-800);
	--color-on-surface-300: var(--colors-on-surface-color-700);
	--color-on-surface-400: var(--colors-on-surface-color-600);
	--color-on-surface-500: var(--colors-on-surface-color-500);
	--color-on-surface-600: var(--colors-on-surface-color-400);
	--color-on-surface-700: var(--colors-on-surface-color-300);
	--color-on-surface-800: var(--colors-on-surface-color-200);
	--color-on-surface-900: var(--colors-on-surface-color-100);
	--color-on-surface-950: var(--colors-on-surface-color-50);

	--color-lvp-hover: var(--color-surface-300);

	--color-ressource-hover: var(--color-surface-300);

	--color-zahlungen-pending: #e46d65d7;
	--color-zahlungen-credit: #79d297d0;

	--color-ffa-incomplete: #F0D000;
	--color-ffa-fg: #F08000;
	--color-ffa-ok: #00B530;
	--color-ffa-no: #FF0000;

	--color-oles-bg: #e46d65d7;
	--color-oles-ok: #79d297d0;

	/* custom light to darkmode styles */
	--color-dm-surface-white: var(--color-surface-200);
	--color-dm-on-surface-white: var(--color-on-surface-200);
	--color-dm-surface-white-light: var(--color-surface-400);
	--color-dm-on-surface-white-light: var(--color-on-surface-400);
	--color-dm-on-surface-white-grey: var(--color-surface-600);

	#actual_content a:not(.cis_btn) {
		color: #33a0ff;
	}

	#actual_content a:not(.cis_btn):hover {
		text-decoration: underline;
	}

	.bg-white {
		background-color: var(--color-surface-50);
		color: var(--color-surface-950);
	}

	.shadow-xl {
		box-shadow: 0 20px 25px -5px rgba(255, 255, 255, .1), 0 10px 10px -5px rgba(255, 255, 255, .04);
	}
}