:root {

    /* Backgrounds */
    --system-colours-background-light-primary: rgb(230, 230, 239);
    --system-colours-background-light-secondary: rgb(255, 255, 255);
    --system-colours-background-light-tertiary: rgb(242, 242, 247);
    --system-colours-background-light-quaternary: rgb(230, 230, 239);

    --system-colours-background-dark-primary: rgb(0, 0, 0);
    --system-colours-background-dark-secondary: rgb(28, 28, 30);
    --system-colours-background-dark-tertiary: rgb(44, 44, 46);
    --system-colours-background-dark-quaternary: rgb(58, 58, 60);

    /* Fills */
    --system-colours-fill-light-primary: rgba(120, 120, 128, 0.2);
    --system-colours-fill-light-secondary: rgba(120, 120, 128, 0.16);
    --system-colours-fill-light-tertiary: rgba(118, 118, 128, 0.12);
    --system-colours-fill-light-quaternary: rgba(116, 116, 128, 0.08);

    --system-colours-fill-dark-primary: rgba(120, 120, 128, 0.36);
    --system-colours-fill-dark-secondary: rgba(120, 120, 128, 0.32);
    --system-colours-fill-dark-tertiary: rgba(118, 118, 128, 0.24);
    --system-colours-fill-dark-quaternary: rgba(118, 118, 128, 0.18);


    /* Labels */
    --system-colours-label-light-primary: rgb(0, 0, 0);
    --system-colours-label-light-secondary: rgba(60, 60, 67, 0.6);

    --system-colours-label-dark-primary: rgb(255, 255, 255);
    --system-colours-label-dark-secondary: rgba(235, 235, 245, 0.6);

    --system-colours-placeholder-label-light: rgba(60, 60, 67, 0.3);
    --system-colours-placeholder-label-dark: rgba(235, 235, 245, 0.3);

    /* Standard */
    --system-colours-green: #34c759;
    --system-colours-orange: #FF9500;
    --system-colours-blue: #007aff;
    --system-colours-red: #ff3b30;
}