/* VARS */
:root {
    /* sizing */
    --color-primary: 0;
    --color-secondary: 0;
    --color-teriary: 0;

    --font-weight-normal: 400;
    --font-weight-heavy: 600;

    --size-0: 2px;
    --size-1: 4px;
    --size-2: 8px;
    --size-3: 12px;
    --size-4: 16px;
    --size-5: 24px;
    --size-6: 32px;
    --size-7: 48px;
    --size-8: 64px;
    --size-9: 96px;
    --size-10: 128px;
    --size-11: 192px;
    --size-12: 256px;
    --size-13: 384px;
    --size-14: 512px;
    --size-15: 640px;
    --size-16: 768px;

}

* {   
    box-sizing: border-box; 
    font-family: system-ui, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue;
}