/**
 * Regional Prestige Concierge - Base Styles
 * 
 * Core styles including reset, typography, scrollbar, and CSS variables
 */

/* ============================================================================
   CSS RESET & BASE STYLES
   ============================================================================ */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Montserrat', Arial, sans-serif;
	line-height: 1.6;
	color: #FFF;
	background: #0A0A19;
	overflow-x: hidden;
	visibility: visible;
	opacity: 1;
}

img {
	display: block;
}

/* ============================================================================
   CSS VARIABLES
   ============================================================================ */

:root {
	--gold: #C7A064;
	--color-primary-dark: #0A0A19;
	--color-white: #FFFFFF;
}

/* ============================================================================
   SCROLLBAR CUSTOMISATION
   ============================================================================ */

/* Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	background: #0A0A19;
	border-left: 1px solid rgba(199, 160, 100, 0.1);
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #C7A064 0%, #B89554 100%);
	border-radius: 6px;
	border: 2px solid #0A0A19;
}

::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #D8B26D 0%, #C7A064 100%);
}

/* Firefox scrollbar */
* {
	scrollbar-width: thin;
	scrollbar-color: #C7A064 #0A0A19;
}

/* ============================================================================
   LOGO TEXT STYLES - LOCKED (NEVER CHANGE)
   ============================================================================ */

/* These styles are locked to maintain brand consistency */
.logo-text *,
.logo-text-top,
.logo-text-bottom {
	font-family: 'Montserrat', Arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
}

.logo-text-bottom {
	font-size: 20px !important;
}

[dir="rtl"] .logo-text *,
[dir="rtl"] .logo-text-top,
[dir="rtl"] .logo-text-bottom {
	font-family: 'Montserrat', Arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
}

[dir="rtl"] .logo-text-bottom {
	font-size: 20px !important;
}

/* ============================================================================
   PREMIUM CURSOR INTERACTIONS
   ============================================================================ */

.service-card,
.nav-link,
.footer-link,
.contact-link,
.contact-link-text,
.nav-cta,
.hero-cta,
.callback-cta,
.language-toggle {
	cursor: pointer;
}