/* Font definitions for a.s.r. */

@font-face {
    font-family: 'memphis';
    src: url('../fonts/asr/memphis.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'avenir';
    src: url('../fonts/asr/avenir.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --base-fontface-title: memphis, sans-serif;
    --base-fontface-body: avenir, sans-serif; 
    --base-fontface-button: avenir, sans-serif; 
    
    --base-color-canvas: #F6F6F7;
    --base-color-on-canvas: #000000;
    --base-color-on-canvas-muted: #4e4e4e;
    --base-color-on-canvas-title: #000000;

    --base-color-on-surface: #000000;
    --base-color-on-surface-title: #000000;

    --base-color-inverse: #EEEEEE;
    --base-color-on-inverse: #131313;
    --base-color-on-inverse-muted: #131313;
    --base-color-on-inverse-title: #131313;

    --base-color-link: #0064A8;
    --base-color-link-hover: #0064A8;
    --base-color-link-active: #0064A8;
    --base-color-link-visited: #0064A8;

    --base-link-decoration: underline;

    --base-color-brand-primary: #000000;
    --base-color-brand-primary-hover: #000000;
    --base-color-brand-primary-active: #000000;
    --base-color-brand-primary-border: #FFFFFF;
    --base-color-brand-primary-border-hover: #000000;
    --base-color-on-brand-primary: #FFFFFF;
    --base-color-on-brand-primary-hover: #FFFFFF;

    --base-color-brand-secondary: #eda50f;
    --base-color-brand-secondary-hover: #EFB535;
    --base-color-brand-secondary-active: #EFB535;
    --base-color-brand-secondary-border: #eda50f;
    --base-color-brand-secondary-border-hover: #EFB535;
    --base-color-on-brand-secondary: #000000;
    --base-color-on-brand-secondary-hover: #000000;

    --base-color-brand-outline: transparent;
    --base-color-brand-outline-hover: #000000;
    --base-color-brand-outline-active: #000000;
    --base-color-brand-outline-border: #000000;
    --base-color-brand-outline-border-hover: #000000;
    --base-color-on-brand-outline: #000000;
    --base-color-on-brand-outline-hover: #FFFFFF;

    --base-color-graph: #eda50f;
    
    --base-radius-interactive: 0; 
    --base-radius-surface: 0; 
}