/* ===================================================================== TYPOGRAPHY — style tekstu Design System jako klasy pomocnicze. Rozmiary/wagi/rodziny pochodzą z primitives.css (--scale-*, --weight-*, --font-*). Nic tu nie jest hardkodowane poza krojem skali (clamp). ODSTĘPSTWO OD FIGMY (świadome, zatwierdzone): w eksporcie Figmy WSZYSTKIE style tekstu są w DM Sans. Tu nagłówki ekspozycyjne (Title Hero, Title Page, Heading) używają Noto Serif — dla elegancji i uniknięcia generycznego "AI-SaaS" wyglądu. Body/UI pozostaje w DM Sans 1:1. Fonty ładowane są w strony (Google Fonts). ===================================================================== */ .t-title-hero { font-family: var(--font-serif); font-size: clamp(var(--scale-08), 6vw, var(--scale-10)); /* 48 → 72px */ font-weight: var(--weight-bold); line-height: 1.05; letter-spacing: -0.03em; } .t-title-page { font-family: var(--font-serif); font-size: clamp(var(--scale-07), 5vw, var(--scale-08)); /* 40 → 48px */ font-weight: var(--weight-bold); line-height: 1.1; letter-spacing: -0.02em; } .t-subtitle { font-family: var(--font-sans); font-size: clamp(var(--scale-05), 3vw, var(--scale-06)); /* 24 → 32px */ font-weight: var(--weight-regular); line-height: 1.2; } .t-heading { font-family: var(--font-serif); font-size: clamp(var(--scale-06), 3.5vw, var(--scale-07)); /* 32 → 40px — wzmocniony h2 sekcji */ font-weight: var(--weight-bold); line-height: 1.15; letter-spacing: -0.02em; } .t-heading-3 { font-family: var(--font-serif); font-size: var(--scale-04); /* 20px */ font-weight: var(--weight-semibold); line-height: 1.2; letter-spacing: -0.01em; } .t-subheading { font-family: var(--font-sans); font-size: var(--scale-04); /* 20px */ font-weight: var(--weight-regular); line-height: 1.3; } .t-body { font-family: var(--font-sans); font-size: var(--scale-03); /* 16px */ font-weight: var(--weight-regular); line-height: 1.4; } .t-body-strong { font-family: var(--font-sans); font-size: var(--scale-03); font-weight: var(--weight-semibold); line-height: 1.4; } .t-body-small { font-family: var(--font-sans); font-size: var(--scale-02); /* 14px */ font-weight: var(--weight-regular); line-height: 1.4; } .t-body-small-strong { font-family: var(--font-sans); font-size: var(--scale-02); font-weight: var(--weight-semibold); line-height: 1.4; } .t-body-xsmall { font-family: var(--font-sans); font-size: var(--scale-01); /* 12px */ font-weight: var(--weight-regular); line-height: 1.4; } .t-code { font-family: var(--font-mono); font-size: var(--scale-03); font-weight: var(--weight-regular); line-height: 1.3; }