/*
Theme Name: El Rincón de Shiwa
Theme URI: https://elrincondeshiwa.es
Author: El Rincón de Shiwa
Description: Tema místico personalizado para El Rincón de Shiwa.
Version: 1.0.0
Text Domain: el-rincon-de-shiwa
*/
/* ==================================================
   VARIABLES
================================================== */

:root {

    /* Morados */
    --purple-dark: #16091f;
    --purple-deep: #24112f;
    --purple-main: #3b1d52;
    --purple-light: #65406f;
    --purple-soft: #8b6a91;

    /* Dorados */
    --gold-dark: #9c741d;
    --gold: #d4af37;
    --gold-light: #f1d77a;
    --gold-soft: #f7e7a8;

    /* Neutros */
    --cream: #f7f3ed;
    --white: #ffffff;
    --text-dark: #281d30;
    --text-light: #e9e1eb;

    /* Sombras */
    --shadow: 0 15px 40px rgba(0, 0, 0, 0.25);

    /* Bordes */
    --radius: 18px;
}


/* ==================================================
   RESET BÁSICO
================================================== */

*,
*::before,
*::after {

    box-sizing: border-box;

}

html {

    scroll-behavior: smooth;

}

body {

    margin: 0;
    padding: 0;

    background: var(--purple-dark);
    color: var(--text-dark);

    font-family: "Great Vibes", cursive;

    overflow-x: hidden;

}

img {

    max-width: 100%;
    height: auto;
    display: block;

}

a {

    text-decoration: none;

}

button,
input,
textarea,
select {

    font: inherit;

}

body,
button,
input,
textarea,
select,
a,
p,
span,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Great Vibes", cursive;
}
/* ==================================================
   CONTENEDOR GENERAL
================================================== */

.container {

    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;

}


/* ==================================================
   SELECCIÓN DE TEXTO
================================================== */

::selection {

    background: var(--gold);
    color: var(--purple-dark);

 }
/* ==================================================
   FUENTE GLOBAL - GREAT VIBES
================================================== */

html,
body,
body *,
button,
input,
textarea,
select {
    font-family: "Great Vibes", cursive !important;
}