/* Copyright (C) 2026 Free Software Foundation, Inc.

This file 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 3 of the License, or
(at your option) any later version.

This file 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. */

:root {
	color-scheme: light dark;
	font-family: sans-serif;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
	font-variant-ligatures: common-ligatures;
	font-kerning: auto;

	--primary: #bb3955;		/* note this color is hard-coded in images/emacs.svg */
	--secondary: #973066;
	--ternary: #c73a6c;
	--background: #eee;
	--foreground: #fff;

	@media (prefers-color-scheme: dark) {
		--background: #222;
		--foreground: #000;
	}

	--radius: 1ch;
}

body {
	max-width: 90ch;
	margin: auto;
	padding: var(--radius);
	background: var(--background);
}

@keyframes lavalamp {
	50% { background: linear-gradient(45deg, var(--secondary), var(--ternary), var(--primary)); }
}


header {
	font-size: large;

	h1 {
		color: var(--primary);

		img {
			vertical-align: -40%;
		}
	}

	nav {
		background: linear-gradient(135deg, var(--primary), var(--ternary), var(--secondary));
		animation: lavalamp 30s ease-in-out infinite;
		border-radius: var(--radius);

		ul {
			padding: 0;

			li {
				display: inline-block;
				list-style-type: none;

				a {
					text-decoration: none;
					padding: var(--radius);
					display: inline-block;

					/* the navbar links are not really text-links so we don't want
					   :visited to change their color. */
					color: white !important;

					&:hover {
						opacity: 80%;
					}
				}
			}
		}
	}
}

pre, code, samp, kbd {
	font-family: monospace, monospace;
}

/* for search */
.invisible { display: none; }

dt {
	padding-top: 16px;
	font-weight: bold;
}

a {
	color: var(--ternary);

	&:visited {
		color: var(--secondary);
	}
}

main {
	background: var(--foreground);
	padding: var(--radius);
	border-radius: var(--radius);

	p, li, dd {
		text-align: justify;
		hyphens: auto;
		line-height: 1.25;

	}

	pre {
		overflow-x: auto;
	}

	.fulldescription > img {
		border: 1px solid;
	}


	img {
		max-width: 100%;
		margin: unset auto unset auto;
		overflow-x: auto;
	}

	details {
		summary {
			padding-bottom: 8px;
		}
	}

	input {
		margin: var(--radius) auto;
		display: block;
		width: 60%;
		font-size: larger;
	}

	table#packages {
		border-collapse: collapse;
		display: block;
		overflow-x: auto;

		th, td {
			padding: var(--radius);
		}
		td.alt { background-color: lightyellow; }
	}

	h2 {
		color: var(--primary);

		&.package {
			margin: unset;

			.badge {
				float: right;
				display: block;
			}
		}
	}
}

footer {
	font-size: 80%;
	text-align: center;
}

/* Local Variables: */
/* indent-tabs-mode: t */
/* css-indent-offset: 4 */
/* tab-width: 4 */
/* End: */