/*
 * AraceServices Base CSS
 * Shared reset and CSS custom properties available globally
 */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --pink: #E91E63;
    --pink-dark: #C2185B;
    --navy: #2C2C3E;
    --lavender: #F4F1F8;
    --lavender-deep: #E8E2EE;
    --white: #ffffff;
    --black: #000000;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-600: #6c757d;
    --gray-800: #343a40;
}

html, body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--navy);
    background: #fff;
    line-height: 1.6;
    overflow-x: hidden;
}

/* Elementor overrides — prevent Elementor from adding margins to sections */
.elementor-section {
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-widget-html {
    display: block;
    width: 100%;
}

.elementor-page .elementor-section-wrap,
.e-con {
    max-width: 100% !important;
}

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

a {
    text-decoration: none;
}

/* Dark theme wrapper — only when .arace-dark-theme is present */
.arace-dark-theme {
    background: #0a0a0a;
    color: #ffffff;
}