/* Brand color variables */
:root {
    --brand-yellow: #FEF317;
    --brand-gray: #DDD5D0;
    --brand-white: #FFFFFF;
    --brand-black: #000000;
}

/* Override body background */
body {
    background-color: var(--brand-gray);
}

/* Additional custom styles if needed */
.hover-shadow:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease-in-out;
}

/* Smooth transitions for interactive elements */
a {
    transition: color 0.2s ease-in-out;
}

/* Ensure proper spacing and typography */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
}

/* Custom scrollbar for webkit browsers */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--brand-gray);
}

::-webkit-scrollbar-thumb {
    background: var(--brand-yellow);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--brand-black);
}