/* Custom Styles for C&G Cattle */

:root {
    --burgundy-50: #fdf2f4;
    --burgundy-100: #fce7eb;
    --burgundy-200: #f9d0d9;
    --burgundy-300: #f3a6b8;
    --burgundy-400: #e96f90;
    --burgundy-500: #d63b65;
    --burgundy-600: #c2224c;
    --burgundy-700: #a1183f;
    --burgundy-800: #841839;
    --burgundy-900: #6e1736;
    --burgundy-950: #3d0717;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Lato', sans-serif;
    color: #1e293b;
    background-color: #FDFBF7;
}

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

/* Animation Classes */
.reveal-up, .reveal-left, .reveal-right {
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

.reveal-up {
    transform: translateY(30px);
}

.reveal-left {
    transform: translateX(-30px);
}

.reveal-right {
    transform: translateX(30px);
}

.reveal-up.active, .reveal-left.active, .reveal-right.active {
    opacity: 1;
    transform: translate(0, 0);
}

.delay-100 {
    transition-delay: 0.1s;
}

.delay-200 {
    transition-delay: 0.2s;
}

/* Grain Texture Overlay */
.bg-grain {
    background-image: url('data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noiseFilter%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noiseFilter)%22 opacity=%220.05%22/%3E%3C/svg%3E');
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #a1183f;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #841839;
}