:root {
    --colour-primary: #1976d2;
    --colour-primary-variant: #1e81be; 
    --colour-primary-light: #82bbe6;
    --colour-on-primary: white;

    --colour-secondary: #7AC9BF;
    --colour-secondary-variant: #678297;
    --colour-on-secondary: white;

    --colour-background: #f3f4f7;
    --colour-on-background: #1e1e1e;

    --colour-foreground: white;
    --colour-foreground-lite: #efefef;
    --colour-on-foreground: #1e1e1e;

    --colour-surface: #a3a3a3;
    --colour-on-surface: #1e1e1e;

    --colour-busy: #678297;
    --colour-disabled: #e2e2e2;
    --colour-on-disabled: #c0c0c0;

    --colour-error: #e26263;
    --colour-on-error: white;

    --colour-warning: #f9c135;
    --colour-on-warning: white;

    --colour-success: #00c38b;
    --colour-on-success: #D0F3E9;

    --colour-shadow: rgba(0, 0, 0, 0.3);

    --font-face-regular: 'Inter';
    --font-weight-light: 300;
    --font-weight-medium: 600;
    --font-weight-bold: 900;

    --size-app-bar: 50px;
    --size-corner-radius: 5px;

    --tab-bar-item-padding: 5px;

    --cart-count-position-offset: -5px 7px auto auto;

    --z-index-background: 0;
    --z-index-foreground: 100;
    --z-index-overlay: 1000;
    --z-index-popup: 1100;
    --z-index-toast: 1200;
    --z-index-alert: 1300;
}