/* Root */
:root {
    /* Fonts -------------------------------------------------- */
    --titleFont: "Yeseva One", serif;
    --defaultFont: "Josefin Sans", sans-serif;

    /* Themes -------------------------------------------------- */

    /* Light */
    --light: #F4F4F6;
    --light01: #DDDDE3;

    /* Dark */
    --dark: #08080C;
    --dark01: #101018;
    --dark02: #292B3D;

    /* Color Boost */
    --theme00: #25A8FF;
    --theme01: #C94277;

    /* Radius -------------------------------------------------- */
    --r: 16px;
    --defaultRadius: 16px;
    /* Gap -------------------------------------------------- */
    --defaultGap: 4px;

    /* Padding -------------------------------------------------- */
    --defaultPadding: 1rem;
    --enhancedPadding: 1.5rem;

    /* Shadow -------------------------------------------------- */
    --s: 0 0 13px rgba(0, 0, 0, 0.35);
    --sZ: 0 13px 21px rgba(0, 0, 0, 0.35), 0 -13px 21px rgba(0, 0, 0, 0.35);
    --navigationalShadow: 0 13px 21px rgba(0, 0, 0, 0.35);
    --navigationalShadowR: 0 -13px 21px rgba(0, 0, 0, 0.35);

    /* Border -------------------------------------------------- */
    --defaultBorder: 1px solid var(--dark02);
    --noBorder: 0px solid transparent;

    --gradient: linear-gradient(to right, var(--dark), var(--dark01) )
}