/* Colores y letras de la web. Por defecto modo oscuro; con la clase "claro" en el body, modo claro */

/* ---------- Modo oscuro ---------- */

:root {
    --fondo: #1C181F;
    --cuadricula: rgba(255, 255, 255, 0.05);
    --texto-fondo: #B3A9AE;
    --ventana: #26212A;
    --barra: #2F2933;
    --suave: #2F2933;
    --campo: #1E1A21;
    --tinta: #F4ECE6;
    --texto-suave: #BDB1B0;
    --linea: rgba(244, 236, 230, 0.18);
    --terracota: #F0936E;
    --terracota-claro: #4A2C24;
    --mostaza: #EDBB5F;
    --mostaza-claro: #453820;
    --mostaza-medio: #66532B;
    --melocoton-claro: #4A3129;
    --lavanda-claro: #3A2F42;
    --foco: rgba(240, 147, 110, 0.3);
    --letra-titulos: "Instrument Serif", Georgia, serif;
    --letra: "Geist", system-ui, sans-serif;
    --letra-codigo: "Geist Mono", ui-monospace, monospace;
    --sombra: 5px 5px 0 var(--tinta);
}

/* ---------- Modo claro ---------- */

body.claro {
    --fondo: #F0DFCD;
    --cuadricula: rgba(150, 80, 50, 0.08);
    --texto-fondo: #5F4A3E;
    --ventana: #FFFDF9;
    --barra: #FCE6D8;
    --suave: #FCF5EE;
    --campo: #FFFFFF;
    --tinta: #261B17;
    --texto-suave: #655449;
    --linea: rgba(38, 27, 23, 0.16);
    --terracota: #AD4527;
    --terracota-claro: #F8DACD;
    --mostaza: #DE9B22;
    --mostaza-claro: #FAE4B8;
    --mostaza-medio: #F0C977;
    --melocoton-claro: #FFCFB8;
    --lavanda-claro: #E4D9F2;
    --foco: rgba(173, 69, 39, 0.22);
}