@plugin 'daisyui';

.carta-theme__eve {
	background-color: transparent;
	color: var(--color-base-content);

	table {
		@apply table rounded-box bg-neutral text-neutral-content;
		border: 2px solid var(--color-neutral);
		border-radius: var(--radius-box);
		th {
			@apply bg-base-100 text-base-content;
			&:hover {
				background: var(--color-base-200);
			}
		}
		tr:hover {
			background: var(--color-base-200);
		}
		td:hover {
			background: var(--color-base-300);
		}
	}

	code:not(.carta-highlight code) {
		background: var(--color-neutral);
		color: var(--color-neutral-content);
		padding: 0.5em;
	}

	.tikz {
		font-size: 10pt;
	}

	* {
		font-size: var(--typography-base-css-0-font-size);
		line-height: 2;
	}

	.carta-font-code {
		color: var(--color-base-content);
		caret-color: var(--color-base-content) !important;
		line-height: 2 !important;
		min-height: 150px !important;
	}

	.carta-icon {
		border-radius: 100%;
		background: rgba(from var(--color-primary) r g b / 0.8) !important;
		color: var(--color-primary-content);
		&:hover {
			background: var(--color-primary) !important;
		}
	}

	.carta-toolbar-left {
		display: flex;
		align-items: center;
		gap: 8px;
		button {
			padding: 0.5em;
			background: rgba(from var(--color-accent) r g b / 0.5);
			&.carta-active {
				background: rgba(from var(--color-accent) r g b / 0.8);
			}
			color: var(--color-accent-content);
			border-radius: 1em;
			cursor: pointer;
			transition: background-color 0.2s ease-in-out;
			&:hover {
				background: var(--color-accent);
			}
		}
	}
}
