/**
 * Rhodes Transfer Booking — design tokens (PRD + approved mockup).
 */

:root {
	--rtb-primary: #063b63;
	--rtb-secondary: #1683e8;
	--rtb-bg: #f7f9fc;
	--rtb-text: #102a43;
	--rtb-white: #ffffff;
	--rtb-muted: #627d98;
	--rtb-border: #d9e2ec;
	--rtb-success: #2f855a;
	--rtb-error: #c53030;
	--rtb-radius: 14px;
	--rtb-radius-sm: 10px;
	--rtb-shadow: 0 8px 32px rgba(6, 59, 99, 0.12);
	--rtb-font: "DM Sans", "Segoe UI", "Helvetica Neue", sans-serif;
	--rtb-font-script: "Caveat", cursive;
	--rtb-space: 1rem;
}

.rtb-w {
	font-family: var(--rtb-font);
	color: var(--rtb-text);
	box-sizing: border-box;
}

.rtb-w *,
.rtb-w *::before,
.rtb-w *::after {
	box-sizing: border-box;
}

.rtb-w__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	background: var(--rtb-secondary);
	color: var(--rtb-white);
	border: 0;
	border-radius: var(--rtb-radius-sm);
	font-weight: 600;
	font-size: 1rem;
	padding: 0.9rem 1.4rem;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.15s ease;
}

.rtb-w__btn:hover,
.rtb-w__btn:focus {
	background: #0f6fc7;
	color: var(--rtb-white);
	transform: translateY(-1px);
}

.rtb-w__btn--block {
	width: 100%;
}

.rtb-w__script {
	font-family: var(--rtb-font-script);
	font-weight: 500;
	line-height: 1.2;
}