/* ===================================
   TYPOGRAPHY - Mobile Only
   =================================== */

:root {
    /* Font sizes */
    --font-xxs: 0.60rem;
    --font-2xs: 0.7rem;    /* 11px */
    --font-xs: 0.75rem;    /* 12px */
    --font-sm: 0.875rem;   /* 14px */
    --font-base: 1rem;     /* 16px */
    --font-md: 1.125rem;   /* 18px */
    --font-lg: 1.25rem;    /* 20px */
    --font-xl: 1.5rem;     /* 24px */
    --font-2xl: 1.75rem;   /* 28px */

    /* Line heights */
    --line-height-very-tight: 1;
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.6;

    /* Font weights */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
}