/* Custom styles for WeDesi Kitchen */

:root {
    --navy-900: #0f172a;
    --navy-800: #1e293b;
    --gold-400: #fbbf24;
    --gold-500: #f59e0b;
    --gold-600: #d97706;
}

body {
    font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4 {
    font-family: 'Playfair Display', serif;
}

/* Smooth focus styles */
a:focus-visible, button:focus-visible {
    outline: 2px solid var(--gold-400);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f8fafc;
}
::-webkit-scrollbar-thumb {
    background: var(--navy-800);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--gold-500);
}

/* Selection color */
::selection {
    background: var(--gold-400);
    color: var(--navy-900);
}

/* Image loading placeholder */
img {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
}

/* Subtle pattern for section backgrounds */
.bg-pattern-dots {
    background-image: radial-gradient(circle, rgba(245, 158, 11, 0.1) 1px, transparent 1px);
    background-size: 24px 24px;
}