/*
Theme Name: Ramshiya Globals
Theme URI: https://ramshiyaglobals.com
Author: Ramshiya Globals
Author URI: https://ramshiyaglobals.com
Description: A 100% custom-coded, premium corporate WordPress theme built for Ramshiya Globals — a digital agency offering Website Development, Digital Marketing, SEO, Branding, Software Development, E-commerce Solutions and Social Media Marketing. Built with pure hand-written HTML, CSS and JavaScript (no page builders, no CSS frameworks), fast-loading, mobile responsive, SEO friendly and compatible with Rank Math, Contact Form 7, WPForms, LiteSpeed Cache, WooCommerce and WP Mail SMTP.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ramshiya-globals
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, e-commerce, one-column, two-columns, right-sidebar, full-width-template

Ramshiya Globals WordPress Theme is distributed under the terms of the GNU GPL.
*/

/* =========================================================
   ROOT VARIABLES — BRAND SYSTEM
   ========================================================= */
:root {
	--rg-black: #000000;
	--rg-black-soft: #0a0a0a;
	--rg-gray-950: #0d0d0d;
	--rg-gray-900: #121212;
	--rg-gray-800: #1a1a1a;
	--rg-gray-700: #262626;
	--rg-gray-500: #6b6b6b;
	--rg-gray-300: #b3b3b3;
	--rg-white: #ffffff;
	--rg-off-white: #f7f6f3;
	--rg-gold: #d4af37;
	--rg-gold-light: #e9cf76;
	--rg-gold-dark: #a8842a;

	--rg-font-heading: "Poppins", "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--rg-font-body: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;

	--rg-container: 1240px;
	--rg-radius: 6px;
	--rg-transition: 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
	--rg-shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.08);
	--rg-shadow-gold: 0 10px 30px rgba(212, 175, 55, 0.25);
}

/* =========================================================
   RESET
   ========================================================= */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: var(--rg-font-body);
	color: var(--rg-black);
	background-color: var(--rg-white);
	line-height: 1.7;
	font-size: 16px;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--rg-font-heading);
	margin: 0 0 20px;
	line-height: 1.25;
	font-weight: 600;
	color: var(--rg-black);
}

p {
	margin: 0 0 18px;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: inherit;
	text-decoration: none;
	transition: color var(--rg-transition);
}

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

svg {
	display: block;
}

button {
	font-family: inherit;
	cursor: pointer;
}

figure {
	margin: 0;
}

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

.skip-link {
	position: absolute;
	top: -100px;
	left: 0;
	background: var(--rg-gold);
	color: var(--rg-black);
	padding: 12px 20px;
	z-index: 100000;
	font-weight: 600;
	transition: top 0.2s ease;
}

.skip-link:focus {
	top: 0;
}