/* ==========================================
   GROOVIFY APP TEXT STYLES
   Shared typography across the website
========================================== */

:root {

    /* ==========================================
       FONT FAMILIES
    ========================================== */

    --font-title: "MabryPro", sans-serif;
    --font-body: "Inter", sans-serif;


    /* ==========================================
       PAGE TITLE (MABRY PRO)
    ========================================== */

    --page-title-size: 34px;
    --page-title-weight: 700;


    /* ==========================================
       SECTION TITLE (MABRY PRO)
    ========================================== */

    --section-title-size: 20px;
    --section-title-weight: 700;


    /* ==========================================
       CARD TITLE (MABRY PRO)
    ========================================== */

    --card-title-size: 16px;
    --card-title-weight: 700;


    /* ==========================================
       NAVBAR (INTER)
    ========================================== */

    --navbar-size: 13px;
    --navbar-weight: 500;


    /* ==========================================
       BODY (INTER)
    ========================================== */

    --body-size: 14px;
    --body-weight: 400;


    /* ==========================================
       BODY MEDIUM (INTER)
    ========================================== */

    --body-medium-size: 14px;
    --body-medium-weight: 500;


    /* ==========================================
       CAPTION (INTER)
    ========================================== */

    --caption-size: 12px;
    --caption-weight: 400;


    /* ==========================================
       BUTTON (INTER)
    ========================================== */

    --button-size: 16px;
    --button-weight: 600;


    /* ==========================================
       MINI PLAYER TITLE (INTER)
    ========================================== */

    --mini-player-title-size: 13px;
    --mini-player-title-weight: 700;


    /* ==========================================
       MINI PLAYER ARTIST (INTER)
    ========================================== */

    --mini-player-artist-size: 11px;
    --mini-player-artist-weight: 400;

}