/* Custom styles for BuildPro theme */

/* ===== Color Variables ===== */
/* These can be customized to match your brand */
:root {
    /* Primary Brand Colors */
    --brand-primary: #ea580c;              /* Orange 600 - Main brand color */
    --brand-primary-light: #fed7aa;        /* Orange 100 - Light backgrounds */
    --brand-primary-dark: #c2410c;         /* Orange 700 - Hover states */

    /* Contact Section Icon Colors */
    --contact-icon-bg: rgba(234, 88, 12, 0.2);   /* Semi-transparent orange background */
    --contact-icon-stroke: #ea580c;              /* Orange stroke for icons */

    /* About Section Icon Colors */
    --about-icon-bg: #fed7aa;              /* Orange 100 */
    --about-icon-text: #ea580c;            /* Orange 600 */

    /* Neutral Colors */
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-600: #4b5563;
    --gray-900: #111827;

    /* Section Backgrounds */
    --section-light: #ffffff;
    --section-gray: var(--gray-50);
}

/* ===== Utility Classes ===== */
/* Contact Section Icon Styles */
.contact-icon-wrapper {
    background-color: var(--contact-icon-bg);
}

.contact-icon {
    stroke: var(--contact-icon-stroke);
}

/* About Section Icon Styles */
.about-icon-wrapper {
    background-color: var(--about-icon-bg);
}

.about-icon {
    color: var(--about-icon-text);
}

* {
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Ensure header doesn't cover content */
main {
    padding-top: 64px;
}

/* Smooth transitions */
a, button {
    transition: all 0.2s ease-in-out;
}

/* Form styling improvements */
input:focus, textarea:focus {
    outline: none;
}