:root {

    /* set rem size */
    font-size: clamp(8px, 0.668vw, 13px);

    /* Colors */
    --white: #fefefe;
    --black: #050505;
    --grey-95: hsl(0, 0%, 95%);
    --grey-88: hsl(0, 0%, 88%);
    --grey-84: hsl(0, 0%, 84%);
    --grey-80: hsl(0, 0%, 80%);
    --grey-76: hsl(0, 0%, 76%);
    --grey-72: hsl(0, 0%, 72%);
    --grey-66: hsl(0, 0%, 66%);
    --grey-60: hsl(0, 0%, 60%);
    --grey-54: hsl(0, 0%, 54%);
    --grey-48: hsl(0, 0%, 48%);
    --grey-42: hsl(0, 0%, 42%);
    --grey-36: hsl(0, 0%, 36%);
    --grey-32: hsl(0, 0%, 32%);
    --grey-24: hsl(0, 0%, 24%);
    --grey-18: hsl(0, 0%, 18%);
    --grey-12: hsl(0, 0%, 12%);
    --grey-06: hsl(0, 0%, 6%);
    --orange-dark: hsl(13, 98%, 55%);
    --orange: hsl(13, 100%, 60%);
    --transparent: rgba(0, 0, 0, 0);

    /* Semantic Colors */
    --accent-color: var(--orange);
    --accent-color-dark: var(--orange-dark);

    --bg-color: var(--grey-94);
    --bg-color-inverse: var(--grey-6);

    --main-text-color: var(--black);
    --main-text-color-inverse: var(--grey-94);

    --secondary-text-color: var(--grey-48);
    --secondary-text-color-inverse: var(--grey-42);


    /* Size tokens */
    --space-02: 0.2rem;
    --space-03: 0.3rem;
    --space-04: 0.4rem;
    --space-06: 0.6rem;
    --space-08: 0.8rem;
    --space-10: 1.0rem;
    --space-12: 1.2rem;
    --space-16: 1.6rem;
    --space-20: 2.0rem;
    --space-24: 2.4rem;
    --space-28: 2.8rem;
    --space-32: 3.2rem;
    --space-36: 3.6rem;
    --space-40: 4.0rem;
    --space-44: 4.4rem;
    --space-48: 4.8rem;
    --space-52: 5.2rem;
    --space-56: 5.6rem;
    --space-64: 6.4rem;

    /* Border radius tokens */
    --border-radius-04: 0.4rem;
    --border-radius-06: 0.6rem;
    --border-radius-08: 0.8rem;
    --border-radius-10: 1.0rem;
    --border-radius-12: 1.2rem;
    --border-radius-16: 1.6rem;
    --border-radius-20: 2.0rem;
    --border-radius-24: 2.4rem;
    --border-radius-28: 2.8rem;
    --border-radius-32: 3.2rem;
    --border-radius-36: 3.6rem;
    --border-radius-40: 4.0rem;
    --border-radius-48: 4.8rem;
    --border-radius-56: 5.6rem;
    --border-radius-64: 6.4rem;
    --border-radius-pill: 99rem;

    /* Fonts & Sizes */
    --font-family: 'Roboto Mono', monospace;

    --font-size-xs: 1.15rem;
    --font-size-s: 1.3rem;
    --font-size-m: 1.5rem;
    --font-size-l: 1.7rem;
    --font-size-xl: 2.0rem;
    --font-size-xxl: 2.4rem;
    --font-size-t2: 2.8rem;
    --font-size-t1: 3.2rem;
}