/* =============================================
   BASE — Variables, Reset, Body, Container
   Abdullah Limozen | Top Class Limousine
   ============================================= */

@charset "utf-8";

:root {
	--gold: #d4af37;
	--gold-light: #f4e4bc;
	--silver: #c0c0c0;
	--accent: #d4af37;
	--bg-dark: #000000;
	--bg-section: #111111;
	--glass-bg: rgba(255, 255, 255, 0.03);
	--glass-border: rgba(255, 255, 255, 0.1);
	--text: #ffffff;
	--text-muted: #cccccc;
	--text-light: #f5f5f5;
	--red: #c41e3a;
	--red-dark: #8b0000;
	--green: #228b22;
	--transition: 0.3s ease;
	--radius-sm: 8px;
	--radius-md: 16px;
	--radius-lg: 24px;
	--header-height: 182px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Outfit', sans-serif;
	background: var(--bg-dark);
	color: var(--text);
	line-height: 1.6;
	overflow-x: hidden;
}

.container,
.main-content,
.content-wrapper {
	margin: 0 auto;
	padding: 0 24px;
	max-width: 1400px;
	width: 100%;
}

/* =============================================
   GLOBAL LINK RESET
   Removes browser default blue / purple / underline.
   Keeps a subtle gold ring for keyboard focus only.
   ============================================= */

a {
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent; /* remove tap flash on iOS/Android */
}

a:visited {
	color: inherit;
}

a:active {
	opacity: 0.82;
}

/* Remove default browser outline on click/tap */
a:focus {
	outline: none;
}

/* Restore focus ring for keyboard navigation (accessibility) */
a:focus-visible {
	outline: 2px solid rgba(212, 175, 55, 0.75);
	outline-offset: 3px;
	border-radius: 4px;
}

/* Apply same tap-highlight removal and focus treatment to buttons */
button {
	-webkit-tap-highlight-color: transparent;
}

button:focus {
	outline: none;
}

button:focus-visible {
	outline: 2px solid rgba(212, 175, 55, 0.75);
	outline-offset: 3px;
	border-radius: 4px;
}

/* High-Contrast Accessibility */
@media (prefers-contrast: high) {
	:root {
		--text: #ffffff;
		--text-light: #ffffff;
		--text-muted: #e0e0e0;
		--gold: #ffcc00;
		--bg-dark: #000000;
		--glass-border: rgba(255, 255, 255, 0.3);
	}
}