/*
Theme Name: GMS Immigration
Theme URI: https://gmsimmigration.co.uk/
Author: Growthym for GMS Immigration
Author URI: https://growthym.com/
Description: A civic-modern WordPress theme for GMS Immigration, built for the free Elementor page builder. Every section is a native, editable Elementor widget (route-finder quiz, cost calculator, process timeline, testimonials carousel, 3-step booking flow, knowledge centre and more). Header, ticker and footer are edited from the Customizer. Ships with a one-click importer that builds all four pages ready to edit. Navy #0E1B3D / crimson #DE3557, Archivo + IBM Plex Mono.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.6
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: gms-immigration
Tags: business, portfolio, elementor, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, translation-ready
*/

/*
 * The bulk of the theme's styling lives in assets/css/theme.css (enqueued
 * separately so it can be cached and versioned). This file only carries the
 * theme header above plus a handful of base resets, so a raw WordPress
 * install still looks correct before Elementor content is imported.
 */

:root {
	--gms-navy: #0E1B3D;
	--gms-navy-deep: #0B1631;
	--gms-crimson: #DE3557;
	--gms-pink: #FF7B96;
	--gms-ink: #14204A;
	--gms-slate: #465071;
	--gms-slate-2: #566180;
	--gms-mute: #8A93AC;
	--gms-line: #D8DEEC;
	--gms-line-2: #C9D2E6;
	--gms-wash: #EFF2F8;
	--gms-wash-2: #F1F4FA;
	--gms-grid: #EDF0F7;
	--gms-green: #1E8E5A;
	--gms-amber: #E8A13A;
	--gms-sans: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--gms-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
	--gms-maxw: 1240px;
}

html { scroll-behavior: smooth; }

body {
	margin: 0;
	background: #ffffff;
	color: var(--gms-ink);
	font-family: var(--gms-sans);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	line-height: 1.6;
}

a { color: var(--gms-navy); }
a:hover { color: var(--gms-crimson); }
::selection { background: var(--gms-crimson); color: #fff; }

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

input, textarea, select, button { font-family: inherit; }

/* Accessibility: skip link + screen-reader text (theme-check friendly) */
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; word-wrap: normal !important;
}
.skip-link:focus {
	position: fixed; left: 8px; top: 8px; z-index: 100000;
	background: #fff; color: var(--gms-navy); padding: 12px 18px;
	font-weight: 700; box-shadow: 0 4px 20px rgba(14,27,61,.25);
}