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

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

@font-face {
    font-family: 'Cadiz';
    src: url('./fonts/cadiz/CadizWeb-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cadiz';
    src: url('./fonts/cadiz/CadizWeb-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Herokid';
    src: url('./fonts/herokid/Herokid-BoldCondensed.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --surface-header:     #FA4D30;
    --on-header:          #FFFFFF;
    --surface-brand:      #FA4D30;
    --on-brand:           #FFFFFF;
    --text-brand:         #D44129;
    --surface-accent:     #ECFE9E;
    --on-accent:          #404D07;
    --surface-page:       #FFF7E54D;
    --surface-section:    #FFF7E5;
    --surface-dark:       #051C2C;
    --progress-active:    #FA4D30;

    --font-body:          'Cadiz', "Helvetica Neue", Arial, sans-serif;
    --font-display:       'Herokid', Impact, "Arial Black", sans-serif;
    --font-display-transform: uppercase;
}