/**
 * Reservations — the shared brand layer.
 *
 * Every value here is a fallback. The plugin prints the host site's real
 * colours as an inline style straight after this file, so a theme with a
 * palette gets its own look and a theme without one still reads well.
 *
 * Nothing in this file styles a component: it declares the vocabulary the
 * form, the manager panel and the account tab all speak.
 */

:root {
	--rsv-brand: #1f6feb;
	--rsv-brand-dark: #1550b4;
	--rsv-brand-ink: #ffffff;
	--rsv-brand-text: #1a5cc4;
	--rsv-brand-tint: #eef4fe;
	--rsv-brand-soft: #d5e4fb;
	--rsv-accent: #e8a317;

	--rsv-ink: #1e1b1a;
	--rsv-ink-soft: #4a4340;
	--rsv-muted: #6b6560;
	--rsv-surface: #ffffff;
	--rsv-canvas: #f6f5f3;
	--rsv-line: #e2dfdb;
	--rsv-header-bg: #22262b;
	--rsv-header-ink: #ffffff;

	--rsv-go: #2f7a4f;
	--rsv-go-tint: #e8f4ed;
	--rsv-warn: #8a5a0f;
	--rsv-warn-tint: #fbf2e0;
	--rsv-stop: #c53030;
	--rsv-stop-tint: #fbeaea;
	--rsv-info: #2b6cb0;
	--rsv-info-tint: #e9f0f9;

	--rsv-r: 12px;
	--rsv-r-sm: 6px;
	--rsv-r-lg: 18px;

	--rsv-font: inherit;
	--rsv-ease: cubic-bezier(.22, .61, .36, 1);
	--rsv-ease-out: cubic-bezier(.16, 1, .3, 1);

	--rsv-shadow-sm: 0 1px 2px rgba(16, 14, 13, .05);
	--rsv-shadow: 0 6px 22px -12px rgba(16, 14, 13, .28), 0 1px 2px rgba(16, 14, 13, .05);
	--rsv-shadow-lg: 0 28px 60px -28px rgba(16, 14, 13, .4);
}

/* Legacy alias, so a page written against 2.x keeps its colour. */
:root {
	--rsv-brand-deep: var(--rsv-brand-dark);
	--rsv-paper: var(--rsv-surface);
	--rsv-cream: var(--rsv-canvas);
	--rsv-green: var(--rsv-go);
	--rsv-radius: var(--rsv-r);
}

.rsv-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.rsv-credit a {
	color: inherit;
}

@media (prefers-reduced-motion: reduce) {
	.rsv,
	.rsv-panel,
	.rsv-acct {
		--rsv-ease: linear;
		--rsv-ease-out: linear;
	}

	.rsv *,
	.rsv-panel *,
	.rsv-acct * {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
}