:root {
    --peru-red: #D92323;
    --peru-black: #1A1A1A;
    --peru-pencil-yellow: #FFD700;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Manrope", sans-serif;
}

.font-display {
    font-family: "Fraunces", serif;
    letter-spacing: -0.01em;
}

.no-scrollbar {
    scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Fallback color utilities for dynamic content */
.text-peru-red {
    color: #D92323;
}

.text-peru-black {
    color: #1A1A1A;
}

.text-peru-pencil-yellow {
    color: #FFD700;
}

.text-gray-900 {
    color: #111827;
}

.text-gray-800 {
    color: #1F2937;
}

.text-gray-700 {
    color: #374151;
}

.text-gray-600 {
    color: #4B5563;
}

.bg-peru-red {
    background-color: #D92323;
}

.bg-peru-red\/5 {
    background-color: rgba(217, 35, 35, 0.05);
}

.bg-peru-red\/10 {
    background-color: rgba(217, 35, 35, 0.1);
}

.bg-peru-pencil-yellow {
    background-color: #FFD700;
}

.bg-peru-pencil-yellow\/10 {
    background-color: rgba(255, 215, 0, 0.1);
}

.bg-peru-pencil-yellow\/20 {
    background-color: rgba(255, 215, 0, 0.2);
}

.bg-peru-pencil-yellow\/35 {
    background-color: rgba(255, 215, 0, 0.35);
}

.border-peru-red\/10 {
    border-color: rgba(217, 35, 35, 0.1);
}

.border-peru-red\/20 {
    border-color: rgba(217, 35, 35, 0.2);
}

.border-peru-pencil-yellow\/40 {
    border-color: rgba(255, 215, 0, 0.4);
}

.border-peru-pencil-yellow\/70 {
    border-color: rgba(255, 215, 0, 0.7);
}

.shadow-peru-red\/10 {
    --tw-shadow-color: rgba(217, 35, 35, 0.1);
    --tw-shadow: 0 0 #0000;
}

.shadow-peru-red\/25 {
    --tw-shadow-color: rgba(217, 35, 35, 0.25);
    --tw-shadow: 0 0 #0000;
}