/*
Theme Name: Venexian
Theme URI: https://venexian.example
Author: EUFENTE Group
Author URI: https://eufente.example
Description: Lightweight, SEO-friendly classic WordPress theme for the Venexian restaurant. Native header, footer and responsive navigation, engineered for Elementor Free with no Elementor Pro dependency. Elementor controls page content only.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: venexian
Tags: restaurant, elementor, custom-logo, custom-menu, translation-ready, responsive-layout, full-width-template
*/

/* ==========================================================================
   Venexian — Base variables & typography
   Component styles (header, nav, footer) load via /assets/css in Phase P1.
   Keep this file lean so it never competes with Elementor's content layout.
   ========================================================================== */

:root {
	/* Brand palette */
	--vx-gold:       #D4A24C;
	--vx-gold-light: #E0B15C;
	--vx-black:      #121212;
	--vx-surface:    #1A1A1A;
	--vx-white:      #FFFFFF;

	/* Typography */
	--vx-font-body:    "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--vx-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;

	/* Layout */
	--vx-content-width: 1200px;
}

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	font-family: var(--vx-font-body);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--vx-white);
	background-color: var(--vx-black);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 0.5em;
	font-family: var(--vx-font-heading);
	font-weight: 600;
	line-height: 1.2;
	color: var(--vx-white);
}

a {
	color: var(--vx-gold);
	text-decoration: none;
	transition: color 0.2s ease;
}

a:hover,
a:focus {
	color: var(--vx-gold-light);
}

img {
	max-width: 100%;
	height: auto;
}

/* Accessibility — skip link */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 0.75em 1.25em;
	background: var(--vx-surface);
	color: var(--vx-white);
}

.skip-link:focus {
	left: 1rem;
	top: 1rem;
}

/* Accessibility — visually hidden text */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	position: absolute !important;
	word-wrap: normal !important;
}