/* ==========================================
   ENTRE NOITES
   DESIGN TOKENS
========================================== */

:root{

    /* ===============================
       COLORS
    =============================== */

    --color-background:#111111;

    --color-surface:#1A1A1A;

    --color-paper:#202020;

    --color-frame:rgba(255,255,255,.08);

    --color-text:#F5F5F5;


    /* ===============================
       TYPOGRAPHY
    =============================== */

    --font-body:"Montserrat", sans-serif;

    --font-title:"Playfair Display", serif;


    /* ===============================
       ENVELOPE
    =============================== */

    --envelope-width:min(650px,85vw);

    --seal-size:96px;

    --letter-width:82%;

    --letter-height:86%;


    /* ===============================
       SHADOWS
    =============================== */

    --shadow-soft:
        0 28px 45px rgba(0,0,0,.45);

    --shadow-seal:
        0 10px 25px rgba(0,0,0,.35);


    /* ===============================
       ANIMATIONS
    =============================== */

    --speed-fast:.25s;

    --speed-medium:.6s;

    --speed-slow:1s;

    --ease:cubic-bezier(.25,.8,.25,1);


    /* ===============================
       LAYERS
    =============================== */

    --z-background:-30;

    --z-topography:-20;

    --z-envelope:10;

    --z-letter:11;

    --z-envelope-body:10;
      
    --z-flap-top:12;
   
    --z-seal:13;

    --z-frame:100;

}