:root {

    /* Brand */
    --branded-theme-colours-brand-primary: var(--system-colours-flashit-primary);

    /* Backgrounds */
    --branded-theme-colours-background-default-primary: var(--system-colours-background-light-primary);
    --branded-theme-colours-background-default-secondary: var(--system-colours-background-light-secondary);
    --branded-theme-colours-background-default-tertiary: var(--system-colours-background-light-tertiary);
    --branded-theme-colours-background-default-quaternary: var(--system-colours-background-light-quaternary);

    /* Fills */
    --branded-theme-colours-fill-primary: var(--system-colours-fill-light-primary);
    --branded-theme-colours-fill-secondary: var(--system-colours-fill-light-secondary);
    --branded-theme-colours-fill-tertiary: var(--system-colours-fill-light-tertiary);
    --branded-theme-colours-fill-quaternary: var(--system-colours-fill-light-quaternary);

    /* Labels */
    --branded-theme-colours-label-primary: var(--system-colours-label-light-primary);
    --branded-theme-colours-label-secondary: var(--system-colours-label-light-secondary);
    --branded-theme-colours-placeholder-label: var(--system-colours-placeholder-label-light);

    /* Buttons */
    --branded-theme-colours-button-primary-foreground: var(--system-colours-label-dark-primary);
    --branded-theme-colours-button-primary-background: var(--system-colours-flashit-primary);

    --branded-theme-colours-button-secondary-foreground: var(--system-colours-label-light-primary);
    --branded-theme-colours-button-secondary-background: var(--system-colours-fill-light-quaternary);

    /* Hero */
    --branded-theme-colours-hero-foreground: var(--system-colours-label-dark-primary);
    --branded-theme-colours-hero-background: var(--system-colours-flashit-primary);

    /* Tags */
    --branded-theme-colours-tag-saved-foreground: var(--system-colours-label-dark-primary);
    --branded-theme-colours-tag-saved-background: var(--system-colours-blue);

    /* Navigation */
    --branded-theme-colours-navigation-foreground-primary: var(--system-colours-label-dark-primary);
    --branded-theme-colours-navigation-foreground-secondary: var(--system-colours-label-dark-secondary);
    --branded-theme-colours-navigation-background: var(--system-colours-background-dark-primary);

    /* Footer */
    --branded-theme-colours-footer-foreground-primary: var(--system-colours-label-dark-primary);
    --branded-theme-colours-footer-foreground-secondary: var(--system-colours-label-dark-secondary);
    --branded-theme-colours-footer-background: var(--system-colours-background-dark-secondary);

    /* alerts */
    --branded-theme-colours-error-foreground: var(--system-colours-label-dark-primary);
    --branded-theme-colours-error-background: var(--system-colours-orange);

    --branded-theme-colours-info-foreground: var(--system-colours-label-dark-primary);
    --branded-theme-colours-info-background: var(--system-colours-blue);

    --branded-theme-colours-warning-foreground: var(--system-colours-label-dark-primary);
    --branded-theme-colours-warning-background: var(--system-colours-orange);

    --branded-theme-colours-success-foreground: var(--system-colours-label-dark-primary);
    --branded-theme-colours-success-background: var(--system-colours-flashit-primary);
}