Tipografija

Bazna veličina fonta: 18px

Veličine fontova:
--g-text-xs: 14px;
--g-text-sm: 16px;
--g-text-base: 18px;
--g-text-lg: 20px;
--g-text-xl: 24px;
--g-text-2xl: 32px;
--g-text-3xl: 40px;
--g-text-display: 55px;

Font weights:
--g-weight-regular: 500;
--g-weight-medium: 600;
--g-weight-bold: 700;

Ne koristiti font-weight: 400 (osim ako je baš neophodno)

500 = default tekst
600 = navigacija, labeli, gumbi
700 = naslovi

Primjena:
Body text
18px / 1.5 / 500

Secondary text
16px / 1.5 / 500

Small / helper text
14px / 1.5 / 500

Navigation
16px / 1.2 / 600

Card title
24px / 1.2 / 700

Section title
32px / 1.15 / 700

Page / hero title
40px / 1.1–1.15 / 700

Naziv salona (display title)
55px / 1.05–1.1 / 700

Line height:
--g-line-tight: 1.2;
--g-line-title: 1.15;
--g-line-body: 1.5;
--g-line-relaxed: 1.6;

Letter spacing:
Letter-spacing koristiti u em jedinicama kako bi se proporcionalno skalirao s veličinom fonta.

Naziv salona (display title) (55px): -0.03em

Section naslov (32px): -0.02em

Manji naslov (24px): -0.01em

Body tekst: 0

Mobilna pravilo za tekstove:
Na mobilnoj verziji veličine fonta se smanjuju, ali font weight i hijerarhija ostaju isti.

--g-text-base-mobile: 16px;
--g-text-lg-mobile: 18px;
--g-text-xl-mobile: 20px;
--g-text-2xl-mobile: 28px;
--g-text-3xl-mobile: 32px;
--g-text-display-mobile: 40px;