/* ===================================================================
   Now Pet brand theme — colours and fonts.
   =================================================================== */

@font-face {
    font-family: 'Poppins';
    src: url('./fonts/poppins/poppins-v24-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('./fonts/poppins/poppins-v24-latin-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('./fonts/poppins/poppins-v24-latin-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {

    --surface-header:     #111111;
    --on-header:          #FFFFFF;
    --surface-brand:      #0CE2C8;
    --on-brand:           #111111;
    --text-brand:         #006256;
    --button-surface:     #FF829A;
    --button-on:          #000000;
    --button-outline:     #D2536C;
    --surface-accent:     #FF829A;
    --on-accent:          #3F000C;
    --surface-page:       #FFFFFF;
    --surface-section:    #0CE2C808;  
    --surface-dark:       #111111;
    --surface-footer:     #171717;
    --on-footer:          #FFFFFF;
    --progress-active:    #FF829A;

    --surface-info:       #E6FFF8;
    --on-info:            #006256;
    --border-info:        #00AD81;
    --surface-warning:    #FFF7E5;
    --on-warning:         #858077;
    --surface-error:      #BE04291A;
    --on-error:           #BE0429;
    --border-error:       #BE0429;

    --font-body:          'Poppins', "Helvetica Neue", Arial, sans-serif;
    --font-display:       'Poppins', "Helvetica Neue", Arial, sans-serif;
}