:root {
    --eui-base-line-height: 1.5;
    --eui-base-scale-factor: 1;
    --eui-base-disabled-opacity: 0.5;

    --eui-base-border-radius: 3px;
    --eui-base-border-state-width: var(--eui-base-spacing-xs);

    --eui-base-border: 1px solid var(--eui-color-grey-lighter);
    --eui-base-border-light: 1px solid var(--eui-color-grey-light);
    --eui-base-border-lighter: 1px solid var(--eui-color-grey-lighter);
    --eui-base-border-lightest: 1px solid var(--eui-color-grey-lightest);

    // Animations related
    --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);
    --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);
    --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);    // ease
    --eui-base-animation-ease-in-out-timing-function: ease-in-out;

    --eui-base-animation-duration-fast: 0.25s;
    --eui-base-animation-duration-medium: 0.5s;
    --eui-base-animation-duration-slow: 1s;
    --eui-base-animation-duration-base: 500ms;
    --eui-base-animation-duration: var(--eui-base-animation-duration-base);

    --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};
    --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};
    --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};
    --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};

    --eui-base-animation-delay: 0s;
    --eui-base-animation-direction: normal;
    --eui-base-animation-fill-mode: forwards;    // this prevents the animation from restarting
    --eui-base-animation-background-color: var(--eui-base-color-primary-50);  // #cfcfdf;

    // Extra colors
    --eui-base-color-accessible-focus: var(--eui-base-color-accent-110);    // Carbon blue: #0f62fe;
}
