:root {
    /* colors */
    --primary-color: #F7F7F7;
    --secondary-color : #000000;

    --accent-color: #FFB22C;
    --secondary-accent-color: #FFFCF5;

    --line-color: #ECECEC;

    --shade-black-100: #181818;
    --shade-black-200: #303030;
    --shade-black-300: #494949;

    /* font family */
    --font-logo: "Sekuya", system-ui;
    --font-heading: "Bebas Neue", sans-serif;
    --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    /* font weight */

    --fw-regular: 400;
    --fw-strong: 500;
    --fw-bold: 600;
    --fw-bolder: 700;

    /* font size */

    --fs50: 0.8rem;
    --fs100: 0.9rem;
    --fs150: 1.1rem;
    --fs200: 1.25rem;
    --fs250: 1.5rem;
    --fs300: 1.8rem;
    --fs350: 2rem;
    --fs400: 2.25rem;
    --fs450: 2.5rem;
    --fs500: 2.8rem;
    --fs550: 3rem;
    --fs600: 3.25rem;
    --fs650: 3.5rem;
    --fs700: 3.8rem;
    --fs750: 4rem;
    --fs800: 5rem;
    --fs850: 6rem;
    --fs900: 7rem;
    --fs950: 8rem;
    --fs1000: 9rem;

    /* utilities */
    --box-shadow: 1px 5px 15px 4px rgba(0,0,0,0.1);
    --button-box-shadow: 1px 5px 15px 4px rgba(0,0,0,0.7);
}

html {
    scroll-behavior: smooth;
    height: 100%;
}