/* Platypi Var */
    @font-face {
        font-family: 'font-primary';
        src:    url('/assets/fonts/platypi-var/platypi-var.woff2') format('woff2-variations'),
                url('/assets/fonts/platypi-var/platypi-var.ttf') format('truetype-variations');
        font-weight: 300 800;
        font-display: swap;
         
    }
    .font-primary { font-family: 'font-primary', sans-serif; font-style: normal; }
    .font-primary-300 { font-family: 'font-primary', sans-serif; font-style: normal; font-weight: 300; }
    .font-primary-400 { font-family: 'font-primary', sans-serif; font-style: normal; font-weight: 400; }
    .font-primary-500 { font-family: 'font-primary', sans-serif; font-style: normal; font-weight: 500; }
    .font-primary-600 { font-family: 'font-primary', sans-serif; font-style: normal; font-weight: 600; }
    .font-primary-700 { font-family: 'font-primary', sans-serif; font-style: normal; font-weight: 700; }
    .font-primary-800 { font-family: 'font-primary', sans-serif; font-style: normal; font-weight: 800; }

    /* Platypi Var Italic */
    @font-face {
        font-family: 'font-primary';
        src:    url('/assets/fonts/platypi-var/platypi-var-italic.woff2') format('woff2-variations'),
                url('/assets/fonts/platypi-var/platypi-var-italic.ttf') format('truetype-variations');
        font-weight: 300 800;
        font-display: swap;
        font-style: italic; 
    }
    .font-primary-i { font-family: 'font-primary', sans-serif; font-style: italic; }
    .font-primary-300i { font-family: 'font-primary', sans-serif; font-style: italic; font-weight: 300; font-style: italic; }
    .font-primary-400i { font-family: 'font-primary', sans-serif; font-style: italic; font-weight: 400; font-style: italic; }
    .font-primary-500i { font-family: 'font-primary', sans-serif; font-style: italic; font-weight: 500; font-style: italic; }
    .font-primary-600i { font-family: 'font-primary', sans-serif; font-style: italic; font-weight: 600; font-style: italic; }
    .font-primary-700i { font-family: 'font-primary', sans-serif; font-style: italic; font-weight: 700; font-style: italic; }
    .font-primary-800i { font-family: 'font-primary', sans-serif; font-style: italic; font-weight: 800; font-style: italic; }