:root {
    font-size: clamp(9px, 0.667vw, 13px);

    --rgb-black: 0,0,0;
    --rgb-white: 255,255,255;
    --rgb: var(--rgb-black);
    --op-gray-10: rgba(var(--rgb), 0.1);
    --op-gray-20: rgba(var(--rgb), 0.2);
    --op-gray-30: rgba(var(--rgb), 0.3);
    --op-gray-40: rgba(var(--rgb), 0.4);
    --op-gray-50: rgba(var(--rgb), 0.5);
    --op-gray-60: rgba(var(--rgb), 0.6);
    --op-gray-70: rgba(var(--rgb), 0.7);
    --op-gray-80: rgba(var(--rgb), 0.8);
    --op-gray-90: rgba(var(--rgb), 0.9);
    
    --color-black: hsl(0, 0%, 2%);
    --color-white: hsl(0, 0%, 100%);
    --color-grey-94: hsl(0, 0%, 94%);
    --color-grey-86: hsl(0, 0%, 86%);
    --color-grey-82: hsl(0, 0%, 82%);
    --color-grey-64: hsl(0, 0%, 64%);
    --color-grey-56: hsl(0, 0%, 56%);
    --color-grey-48: hsl(0, 0%, 48%);
    --color-grey-40: hsl(0, 0%, 40%);
    --color-grey-32: hsl(0, 0%, 32%);
    --color-grey-20: hsl(0, 0%, 20%);

    --space-01: 0.1rem;
    --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-14: 1.4rem;
    --space-16: 1.6rem;
    --space-20: 2.0rem;
    --space-22: 2.2rem;
    --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-60: 6.0rem;
    --space-62: 6.2rem;
    --space-64: 6.4rem;

    --font-family: 'JetBrains Mono', monospace;
    --font-size-xs: 1.15rem;
    --font-size-s: 1.2rem;
    --font-size-m: 1.3rem;
    --font-size-l: 1.5rem;
    --font-size-xl: 2.0rem;
    --font-size-t2: 2.4rem;
    --font-size-t1: 2.8rem;

    --spring-bezier: cubic-bezier(.47, 0, .23, 1.38);
    --duration-short: 0.2s;
    --duration-medium: 0.3s;
    --duration-long: 0.4s;
}