/*
Theme Name: Vayu Voyages
Theme URI: https://vayuvoyages.com
Author: Vayu Voyages
Description: Custom WordPress theme for Vayu Voyages, a tour & trekking agency. Built from scratch (not derived from any purchased/licensed theme) so it can be freely modified and reused. Tours & Destinations are custom post types; booking & payment run through WooCommerce.
Version: 1.6.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vayu-voyages
*/

/* ==========================================================================
   Design tokens
   ========================================================================== */
:root {
    --vv-forest: #1b3a5c;      /* primary brand — deep navy blue, matches logo text */
    --vv-forest-dark: #122740;
    --vv-terracotta: #2e86c1;  /* accent — sky blue, matches logo gradient */
    --vv-terracotta-dark: #1b6fa8;
    --vv-sand: #f5f9fc;        /* background — soft airy blue-white */
    --vv-white: #ffffff;
    --vv-ink: #1f2b38;         /* body text — dark slate navy */
    --vv-ink-light: #5a6b7a;
    --vv-border: #dce6ee;
    --vv-success: #2e7d5b;
    --vv-header-bg: #ffffff;   /* header background — independent of --vv-white so it can be customized on its own */
    --vv-footer-bg: #122740;   /* footer background — independent of --vv-forest-dark so it can be customized on its own */
    --vv-radius: 10px;
    --vv-shadow: 0 4px 16px rgba(27, 58, 92, 0.10);
    --vv-font-heading: 'Poppins', 'Segoe UI', sans-serif;
    --vv-font-body: 'Inter', 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }

body {
    font-family: var(--vv-font-body);
    color: var(--vv-ink);
    background: var(--vv-sand);
    margin: 0;
    line-height: 1.65;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--vv-font-heading);
    color: var(--vv-forest-dark);
    line-height: 1.25;
    margin: 0 0 0.5em;
    font-weight: 600;
}

h1 { font-size: 2.6rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.4rem; }

a { color: var(--vv-terracotta); text-decoration: none; }
a:hover { color: var(--vv-terracotta-dark); }

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

.vv-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.vv-btn {
    display: inline-block;
    background: var(--vv-terracotta);
    color: var(--vv-white);
    padding: 12px 28px;
    border-radius: var(--vv-radius);
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}
.vv-btn:hover { background: var(--vv-terracotta-dark); color: var(--vv-white); transform: translateY(-1px); }
.vv-btn-outline {
    background: transparent;
    border: 2px solid var(--vv-white);
    color: var(--vv-white);
}
.vv-btn-outline:hover { background: var(--vv-white); color: var(--vv-forest-dark); }
.vv-btn-outline-forest {
    background: transparent;
    border: 2px solid var(--vv-forest);
    color: var(--vv-forest);
}
.vv-btn-outline-forest:hover { background: var(--vv-forest); color: var(--vv-white); }