/*
 * Pond dark theme for the SHARED IdentityServer pages (Index, Error, Privacy) that still use
 * _Layout.cshtml + Bootstrap. The Login ("doorstep") and Consent pages are standalone
 * (Layout = null) and carry their own inline styles; this file keeps every OTHER IS page
 * on-brand instead of stock-white Bootstrap. Loaded AFTER bootstrap.min.css so it wins.
 *
 * Tokens mirror Pond.Client/wwwroot/css/pond-theme.css (the locked Pond Hockey Theme).
 */
:root {
	--pond-bg: oklch(0.16 0.008 240);
	--pond-surface: oklch(0.21 0.009 240);
	--pond-surface-2: oklch(0.26 0.01 240);
	--pond-fg: oklch(0.96 0.003 240);
	--pond-muted: oklch(0.78 0.012 240);
	--pond-dim: oklch(0.62 0.012 240);
	--pond-border: oklch(0.32 0.012 240);
	--pond-primary: oklch(0.72 0.11 185);
	--pond-primary-ink: oklch(0.16 0.02 200);
	--pond-secondary: oklch(0.4 0.1 18);
	--pond-danger: oklch(0.62 0.2 25);
	--pond-radius: 0.25rem;
	color-scheme: dark;
}

body {
	margin: 0;
	min-height: 100vh;
	color: var(--pond-fg);
	font-family: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	background:
		radial-gradient(55% 50% at 15% 10%, color-mix(in oklch, var(--pond-primary) 14%, transparent), transparent 60%),
		radial-gradient(55% 50% at 88% 92%, color-mix(in oklch, var(--pond-secondary) 14%, transparent), transparent 60%),
		var(--pond-bg);
}

a { color: var(--pond-primary); }

h1, h2, h3, h4 {
	font-family: "Barlow Condensed", "Barlow", system-ui, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-weight: 700;
}

.text-danger { color: color-mix(in oklch, var(--pond-danger) 85%, white) !important; }
code { color: var(--pond-primary); font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; }

/* Slim Pond brand bar (replaces the light Bootstrap navbar). */
.pond-authbar {
	border-bottom: 1px solid var(--pond-border);
	background: color-mix(in oklch, var(--pond-bg) 90%, transparent);
	backdrop-filter: blur(8px);
}

.pond-authbar__inner {
	max-width: 68rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 0.7rem;
	padding: 0.8rem 1.25rem;
	text-decoration: none;
	color: inherit;
}

.pond-authbar__crest {
	height: 2rem;
	width: 2rem;
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--pond-radius);
	background: linear-gradient(135deg, var(--pond-primary), var(--pond-secondary));
	color: var(--pond-primary-ink);
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 1rem;
}

.pond-authbar__name {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 1.15rem;
}

/* Centered content column for the shared pages. */
.pond-authmain {
	max-width: 48rem;
	margin: 0 auto;
	padding: 2.5rem 1.25rem;
}

/* --- Bootstrap dark overrides (Error / Privacy / any grid page) ------------- */
.btn-primary {
	background: var(--pond-primary);
	border-color: var(--pond-primary);
	color: var(--pond-primary-ink);
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.btn-primary:hover,
.btn-primary:focus {
	background: var(--pond-primary);
	border-color: var(--pond-primary);
	color: var(--pond-primary-ink);
	filter: brightness(0.95);
}

.form-control {
	background: var(--pond-surface-2);
	border: 1px solid var(--pond-border);
	color: var(--pond-fg);
}

.form-control:focus {
	background: var(--pond-surface-2);
	border-color: var(--pond-primary);
	color: var(--pond-fg);
	box-shadow: 0 0 0 0.2rem color-mix(in oklch, var(--pond-primary) 30%, transparent);
}

.form-label {
	color: var(--pond-dim);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.72rem;
	font-weight: 700;
}

.alert-danger {
	background: color-mix(in oklch, var(--pond-danger) 12%, transparent);
	border: 1px solid color-mix(in oklch, var(--pond-danger) 45%, transparent);
	color: color-mix(in oklch, var(--pond-danger) 85%, white);
}

.footer {
	color: var(--pond-dim);
	border-top: 1px solid var(--pond-border) !important;
	background: transparent;
}

.footer a { color: var(--pond-muted); }