:root {
    --orange: #FF4400;
    --orange-dark: #CC3300;
    --orange-light: #FF6633;
    --bg-light: #FFFFFF;
    --bg-section: #F7F7F7;
    --bg-dark: #0A0A0A;
    --bg-card-dark: #111111;
    --text-primary-light: #111111;
    --text-secondary-light: #555555;
    --text-primary-dark: #FFFFFF;
    --text-secondary-dark: #999999;
    --border-light: #E5E5E5;
    --border-dark: #222222;
}

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

body {
    margin: 0;
    font-family: Inter, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Space Grotesk", sans-serif;
}

.marquee {
    width: max-content;
    animation: marquee 22s linear infinite;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.dark .contact-form input,
.dark .contact-form select,
.dark .contact-form textarea {
    background: #0f0f0f;
    border-color: var(--border-dark);
    color: var(--text-primary-dark);
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;
    border: 1px solid var(--border-light);
    border-radius: 0.65rem;
    padding: 0.75rem 0.9rem;
    margin-bottom: 0.85rem;
    font-size: 0.95rem;
}

.contact-form input[type="submit"],
.contact-form button[type="submit"] {
    background: var(--orange);
    color: #fff;
    border: none;
    font-weight: 600;
    cursor: pointer;
}

.contact-form input[type="submit"]:hover,
.contact-form button[type="submit"]:hover {
    background: var(--orange-dark);
}