:root {
    --turquesa: #3DBFB8;
    --turquesa-oscuro: #18756F;
    --turquesa-claro: #6FD4CE;

    --granate: #8B1A1A;
    --granate-oscuro: #661212;
    --granate-claro: #B03232;
    --granate-suave: #A94444;

    --arena: #B59E76;
    --arena-oscuro: #8E7B54;
    --arena-claro: #D4C5A5;
    --arena-palido: #EFE6D2;

    --crema: #D8D6CA;
    --crema-oscuro: #BEBBAD;
    --crema-claro: #EAE7DA;

    --tinta: #1A1A1A;
    --tinta-suave: #333333;
    --tinta-medio: #5C5247;

    --fondo: #ECE9DC;
    --blanco: #FFFFFF;

    --fuente-sans: 'Manrope', system-ui, -apple-system, sans-serif;
    --fuente-serif: 'Playfair Display', Georgia, serif;

    --sombra-suave: 0 10px 30px rgba(0, 0, 0, 0.05);
    --sombra-media: 0 15px 40px rgba(0, 0, 0, 0.08);
    --sombra-fuerte: 0 20px 50px rgba(0, 0, 0, 0.12);

    --degradado-hero: linear-gradient(135deg, rgba(234, 231, 218, 0.35) 0%, rgba(181, 158, 118, 0.2) 100%);
    --degradado-turquesa: linear-gradient(135deg, #2E9A94 0%, #18756F 100%);
    --degradado-granate: linear-gradient(135deg, #8B1A1A 0%, #661212 100%);
    --degradado-arena: linear-gradient(135deg, #B59E76 0%, #8E7B54 100%);

    /* Patrón de olas para secciones con fondo arena/crema */
    --olas-bg: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='none' stroke-width='1.2'%3E%3Cpath d='M0 120 C200 80 400 180 600 140 C700 120 750 150 800 130' stroke='%238B1A1A' stroke-opacity='0.09'/%3E%3Cpath d='M0 200 C150 240 350 180 550 220 C700 250 780 220 800 240' stroke='%238B1A1A' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 C250 280 450 340 650 300 C750 280 790 310 800 300' stroke='%23B59E76' stroke-opacity='0.14'/%3E%3Cpath d='M0 400 C200 440 400 380 600 420 C720 440 790 420 800 430' stroke='%233DBFB8' stroke-opacity='0.10'/%3E%3Cpath d='M0 490 C150 470 350 510 550 490 C700 470 790 500 800 490' stroke='%238B1A1A' stroke-opacity='0.08'/%3E%3C/g%3E%3C/svg%3E");

    --max-contenido: 1200px;
    --letra-ancha: 0.15em;
}