/*
 Theme Name:   MVS Child Theme
 Theme URI:    https://visasolutionbali.com
 Description:  Hello Elementor child theme for My Visa Solution - Bali Visa Agency
 Author:       My Visa Solution
 Author URI:   https://visasolutionbali.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  mvs-child
*/

/* ==========================================================================
   MVS Brand Variables (CSS Custom Properties)
   ========================================================================== */
:root {
    --mvs-teal: #02AA9D;
    --mvs-teal-dark: #028b81;
    --mvs-teal-light: #E6F7F5;
    --mvs-orange: #F8B140;
    --mvs-orange-dark: #e5a034;
    --mvs-orange-light: #FFF5E0;
    --mvs-dark: #1A1A2E;
    --mvs-white: #FFFFFF;
    --mvs-gray: #666666;
    --mvs-gray-light: #F5F5F5;
    --mvs-green-whatsapp: #25D366;
    --mvs-radius: 12px;
    --mvs-radius-sm: 8px;
    --mvs-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    --mvs-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.1);
    --mvs-transition: all 0.3s ease;
    --mvs-font-heading: 'Poppins', sans-serif;
    --mvs-font-body: 'DM Sans', sans-serif;
}

/* ==========================================================================
   Base Typography
   ========================================================================== */
body {
    font-family: var(--mvs-font-body);
    font-size: 16px;
    line-height: 1.7;
    color: var(--mvs-dark);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--mvs-font-heading);
    font-weight: 700;
    color: var(--mvs-dark);
    line-height: 1.2;
}

a {
    color: var(--mvs-teal);
    text-decoration: none;
    transition: var(--mvs-transition);
}

a:hover {
    color: var(--mvs-teal-dark);
}

/* ==========================================================================
   Selection Color
   ========================================================================== */
::selection {
    background: var(--mvs-teal);
    color: var(--mvs-white);
}

::-moz-selection {
    background: var(--mvs-teal);
    color: var(--mvs-white);
}