:root {
    --primary-accent: #D4A373; /* Sandy Brown */
    --background: #FDFCFB;     /* Off-White */
    --text-color: #403D39;     /* Dark Charcoal */
    --bs-font-sans-serif: 'Roboto', sans-serif;
}

body {
    background-color: var(--background);
    color: var(--text-color);
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6, .display-5, .fs-4 {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}

.btn-primary {
    background-color: var(--primary-accent);
    border-color: var(--primary-accent);
}

.btn-primary:hover {
    background-color: #c8935a;
    border-color: #c8935a;
}

.hero-section {
    background: linear-gradient(to bottom, #FDFCFB, #F5EFE6);
}

.feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: .75rem;
}

.preview-3d {
    background-color: #e9ecef;
    border: 1px dashed #ced4da;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    border-radius: 8px;
}