/*
Theme Name: Rotterdam Sky Dream
Theme URI: https://sky-dream.nl/
Author: SkyDream
Description: Custom multilingual aviation theme for Rotterdam Sky Dream scenic flights departing Rotterdam The Hague Airport.
Version: 1.0.4
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: rtm-flight-experience
Tags: custom-logo, custom-menu, featured-images, translation-ready
*/

:root {
	--color-main: #0f257a;
	--color-secondary: #9b1d28;
	--color-text: #333333;
	--color-background-light: #f5f5f5;
	--color-surface: #ffffff;
	--color-border: rgba(15, 37, 122, 0.12);
	--color-overlay: rgba(15, 37, 122, 0.72);
	--font-heading: "Montserrat", "Segoe UI", sans-serif;
	--font-body: "Source Sans 3", "Trebuchet MS", sans-serif;
	--font-ui: "Montserrat", "Segoe UI", sans-serif;
	--shadow-card: 0 20px 45px rgba(15, 37, 122, 0.12);
	--container: min(1180px, calc(100vw - 2rem));
	--radius-lg: 1.75rem;
	--radius-md: 1rem;
	--radius-sm: 0.65rem;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	color: var(--color-text);
	background: var(--color-background-light);
	font-family: var(--font-body);
}

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

.screen-reader-text:focus {
	top: 1rem;
	left: 1rem;
	width: auto;
	height: auto;
	padding: 0.75rem 1rem;
	margin: 0;
	clip: auto;
	z-index: 100000;
	color: var(--color-surface);
	background: var(--color-secondary);
	box-shadow: var(--shadow-card);
}