:root {
    --amla-background: #1C1C1E;
    --amla-background-contrast: #ffffff;
    --amla-background-contrast-muted: #929298;
    --amla-brand: #E76320;
    --amla-primary: #B08F6F;
    --amla-primary-contrast: #ffffff;

    --amla-control-background: #1E1E1E;
    --amla-control-background-hover: #303030;
    --amla-control-background-contrast: #ffffff;
    --amla-control-primary: #AD9664;
    --amla-control-primary-hover: #756537;
    --amla-control-secondary: #999999;
    --amla-control-secondary-hover: #808080;

    --amla-error:#D7373F;

    /* typography */

    --amla-font-action: 400 12px Roboto;
    --amla-font-button: 400 13px Roboto;
    --amla-font-content: 300 16px Roboto;
    --amla-font-heading: 300 24px Roboto;
    --amla-font-email: 900 16px Roboto;

    --amla-font-light: 100 13px Roboto;
    --amla-font-light-spacing: 2.6px;

    /* default font applied to the body */
    --amla-font-default: var(--amla-font-content);
}