/* ==========================================================
   JESUSILLAN.COM
   VARIABLES GLOBALES
   v4.0
========================================================== */

:root{

    /* ======================================================
       COLORES CORPORATIVOS
    ====================================================== */

    --color-bg: #090909;
    --color-bg-soft: #111111;
    --color-panel: #161616;

    --color-text: #F1EEE8;
    --color-text-soft: #B8B1A5;

    --color-gold: #C7A65A;
    --color-gold-light: #D8BE83;
    --color-gold-dark: #9D7B39;

    --color-line: rgba(199,166,90,.22);

    --color-shadow: rgba(0,0,0,.55);



    /* ======================================================
       COLORES POR NOVELA
    ====================================================== */

    --contra-primary: #D28A2D;
    --contra-glow: rgba(210,138,45,.35);

    --doce-primary: #8B6A3D;
    --doce-glow: rgba(139,106,61,.30);

    --azules-primary: #3D6FA6;
    --azules-glow: rgba(61,111,166,.30);



    /* ======================================================
       TIPOGRAFÍA
    ====================================================== */

    --font-title: "Cormorant Garamond", Georgia, serif;
    --font-body: "Montserrat", Arial, sans-serif;



    /* ======================================================
       TAMAÑOS DE FUENTE
    ====================================================== */

    --fs-xs: 0.80rem;
    --fs-s: 0.95rem;
    --fs-m: 1rem;
    --fs-l: 1.15rem;
    --fs-xl: 1.35rem;

    --fs-h1: clamp(3.4rem, 7vw, 6rem);
    --fs-h2: clamp(2rem, 4vw, 3rem);
    --fs-h3: clamp(1.4rem, 3vw, 2rem);



    /* ======================================================
       ESPACIADOS
    ====================================================== */

    --space-xs: .5rem;
    --space-s: 1rem;
    --space-m: 2rem;
    --space-l: 4rem;
    --space-xl: 7rem;



    /* ======================================================
       RADIOS
    ====================================================== */

    --radius-s: 8px;
    --radius-m: 14px;
    --radius-l: 20px;



    /* ======================================================
       SOMBRAS
    ====================================================== */

    --shadow-soft:
        0 12px 35px rgba(0,0,0,.25);

    --shadow-book:
        0 25px 60px rgba(0,0,0,.55);

    --shadow-glow:
        0 0 50px rgba(199,166,90,.18);



    /* ======================================================
       TRANSICIONES
    ====================================================== */

    --transition-fast: .20s ease;

    --transition:
        .35s cubic-bezier(.2,.8,.2,1);



    /* ======================================================
       ANCHOS
    ====================================================== */

    --container: 1240px;
    --reading-width: 820px;



    /* ======================================================
       HEADER
    ====================================================== */

    --header-height: 25px;



    /* ======================================================
       Z-INDEX
    ====================================================== */

    --z-header: 1000;
    --z-menu: 1100;
    --z-overlay: 1200;

}