/* Central styles for Itinori */
:root { --coral: #FF6B6B; --deep-teal: #1a3a3a; --sandy-beige: #FDF8F0; }

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--sandy-beige);
    color: var(--deep-teal);
}

.font-serif {
    font-family: 'Lora', serif;
}

.bg-coral { background-color: var(--coral); }
.text-coral { color: var(--coral); }
.border-coral { border-color: var(--coral); }

/* Hero / header styles */
.hero-bg {
    background-image: url('https://images.unsplash.com/photo-1501785888041-af3ef285b470?q=80&w=2070&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
}
.text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,0.5); }

.logo-path { fill: var(--deep-teal); }
.logo-accent { fill: var(--coral); }

/* Page header variants (used on about/careers) */
.page-header {
    background-size: cover;
    background-position: center;
}
.page-header--about {
    background-image: url('https://images.unsplash.com/photo-1522076137335-6b896f6c813a?q=80&w=1974&auto=format&fit=crop');
}
.page-header--careers {
    background-image: url('https://images.unsplash.com/photo-1542744173-8e7e53415bb0?q=80&w=2070&auto=format&fit=crop');
}

/* Form / input styling */
.form-input {
    background-color: rgba(255,255,255,0.7);
    border: 1px solid #d1c9bd;
    transition: border-color .3s, box-shadow .3s;
}
.form-input:focus {
    border-color: var(--coral);
    box-shadow: 0 0 0 3px rgba(255,107,107,0.2);
    outline: none;
    background-color: rgba(255,255,255,1);
}

.form-container {
    background-color: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    animation: fadeIn 0.8s ease-out forwards;
}

.checkbox-custom:checked {
    background-color: var(--coral);
    border-color: var(--coral);
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Testimonial transition helper */
.testimonial-item { transition: opacity 1s ease-in-out; }

/* Prose / legal styles */
.prose h2 {
    font-family: 'Lora', serif;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.prose h3 {
    font-family: 'Lora', serif;
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

/* Small utility */
.bg-coral.text-white { color: #fff; }

/* Page-specific hero for the form */
.hero-bg--form {
    background-image: url('https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?q=80&w=2070&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* End of central stylesheet */