/* Custom styles that complement Tailwind */

/* Smooth scroll offset for fixed nav */
html {
    scroll-padding-top: 80px;
}

/* Custom gold accent color */
.gold-line {
    width: 60px;
    height: 2px;
    background: #d4a574;
    display: block;
}

/* Ensure serif headings have proper line height */
.font-serif {
    line-height: 1.1;
}

/* Subtle pattern overlay for cream sections */
.bg-cream-50::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: radial-gradient(circle at 1px 1px, rgba(6,78,59,0.03) 1px, transparent 0);
    background-size: 40px 40px;
    pointer-events: none;
    z-index: 0;
}

/* Focus styles for accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid #064e3b;
    outline-offset: 2px;
}

/* Loading state for buttons */
.btn-primary:active, .btn-outline:active {
    transform: translateY(0) scale(0.98);
}

/* Selection color */
::selection {
    background: #064e3b;
    color: #fefcf3;
}