/*======================================
  NOCTURNO EDITORIAL
  Design Tokens
======================================*/
:root {

    /* COLORES */

    --background: #161616;
    --background-soft: #1E1E1E;

    --surface: #242424;

    --text-primary: #F2EEE6;
    --text-secondary: #A89F95;

    --accent: #A53A3A;

    --border: #2F2F2F;

    /* ESPACIO */

    --space-xxs: .5rem;
    --space-xs: .75rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 5rem;
    --space-3xl: 8rem;

    /* BORDES */

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* SOMBRAS */
    --shadow-soft: 0 10px 30px rgba(0,0,0,.18);
    --transition: 300ms ease;
}
:root{

/* COLORS */

--background: #171717;

--background-soft: #202020;

--background-gradient:
radial-gradient(
    circle at top,
    #252525 0%,
    #1B1B1B 45%,
    #171717 100%
);

--surface:#242424;

--text-primary:#F2EEE6;

--text-secondary:#A79F96;

--accent:#A53A3A;

--border:#303030;

/* TYPOGRAPHY */

--font-serif:"Cormorant Garamond", serif;

--font-sans:"Manrope", sans-serif;

/* SPACING */

--space-xs:.5rem;

--space-sm:1rem;

--space-md:1.5rem;

--space-lg:2rem;

--space-xl:4rem;

--space-2xl:7rem;

--space-3xl:10rem;

/* WIDTH */

--container:1400px;

/* TRANSITIONS */

--transition:300ms ease;

}