/*
Theme Name: PetroPipe
Theme URI: https://wordpress.org/
Author: Mohit Kumar
Author URI: https://wordpress.org/
Description: A fresh, modern WordPress theme baseline built for speed and flexibility.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
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: petropipe
Tags: custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
*/

:root {
    --color-primary: #0D2F57;
    --color-secondary: #EC6008;
    --color-bg-light: #F4F5F7;
    --color-bg-white: #F9F9F9;
    
    /* Literal naming for convenience */
    --color-navy: #0D2F57;
    --color-orange: #EC6008;
    --color-light-gray: #F4F5F7;
    --color-off-white: #F9F9F9;
}

/* Reset & Baseline Styles */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    line-height: 1.6;
    color: #1e293b;
    background-color: #f8fafc;
}

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

a {
    color: #2563eb;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: #1d4ed8;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* VR Overseas - Hero Description Contrast Guarantee */
.vr-about-hero-desc,
.vr-about-hero-desc p,
.vr-about-hero-desc span,
.vr-about-hero-desc div {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
}

.vr-about-hero-overlay {
    background: linear-gradient(180deg, rgba(15, 25, 18, 0.45) 0%, rgba(10, 20, 15, 0.65) 100%) !important;
    opacity: 1 !important;
}