/* CSS Variables — single source of truth for font stacks */

:root {
    --font-neo: 'Neo Sans Pro', sans-serif;
    --font-inter: 'Inter', sans-serif;
}

/* ============================================================
   Typography — utility classes mapped to Figma text styles
   Naming: .text-{family}-{size}[-{modifier}]
   Families: neo = "Neo Sans Pro", inter = "Inter"
   ============================================================ */

/* ------------------------------------------------------------------
   Desktop / Inter
   ------------------------------------------------------------------ */

/* Desktop/Inter/Inter Regular 14 */
.text-inter-14 {
    font-family: var(--font-inter);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

/* Desktop/Inter/Inter Regular 14 CAPS */
.text-inter-14-caps {
    font-family: var(--font-inter);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Desktop/Inter/Inter Regular 12 */
.text-inter-12 {
    font-family: var(--font-inter);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

/* ------------------------------------------------------------------
   Desktop / Neo Sans Pro
   ------------------------------------------------------------------ */

/* Desktop/Neo Sans/Neo Sans Regular 48 */
.text-neo-48 {
    font-family: var(--font-neo);
    font-size: 48px;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: -1.8px;
}

/* Desktop/Neo Sans/Neo Sans Regular 60 */
.text-neo-60 {
    font-family: var(--font-neo);
    font-size: 60px;
    font-weight: 400;
    line-height: 72px;
    letter-spacing: -2px;
}

/* Desktop/Neo Sans/Neo Sans Regular 18 */
.text-neo-18 {
    font-family: var(--font-neo);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

/* Desktop/Neo Sans/Neo Sans Regular 16 */
.text-neo-16 {
    font-family: var(--font-neo);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

/* Desktop/Neo Sans/Neo Sans Bold 16 */
.text-neo-16-bold {
    font-family: var(--font-neo);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

/* ------------------------------------------------------------------
   Mobile / Inter
   ------------------------------------------------------------------ */

/* Mobile/Inter/Inter Regular 12 CAPS */
.text-inter-12-caps {
    font-family: var(--font-inter);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* ------------------------------------------------------------------
   Mobile / Neo Sans Pro
   ------------------------------------------------------------------ */

/* Mobile/Neo Sans/Neo Sans Regular 44 */
.text-neo-44 {
    font-family: var(--font-neo);
    font-size: 44px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -2px;
}

/* Mobile/Neo Sans/Neo Sans Regular 16 */
.text-neo-16-mobile {
    font-family: var(--font-neo);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

/* ------------------------------------------------------------------
   Missing tokens (from Figma MCP)
   ------------------------------------------------------------------ */

/* Desktop/Neo Sans/Neo Sans Regular 36 */
.text-neo-36 {
    font-family: var(--font-neo);
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: -1px;
}

/* Desktop/Inter/Inter Regular 19 */
.text-inter-19 {
    font-family: var(--font-inter);
    font-size: 19px;
    font-weight: 400;
    line-height: 30px;
}

/* Mobile/Neo Sans/Neo Sans Regular 32 */
.text-neo-32-mobile {
    font-family: var(--font-neo);
    font-size: 32px;
    font-weight: 400;
    line-height: 37px;
}

/* Mobile/Neo Sans/Neo Sans Medium 24 */
.text-neo-24-medium-mobile {
    font-family: var(--font-neo);
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}