Основа

Переменные

Палитра одна для всех сайтов. Новый цвет появляется только в tokens.css и только по решению владельца.

Палитра

--base#FFFFFF

--ink#0A0A0A

--safety#FF3E00

--muted#777

--surface#F5F5F0

--text-soft#333

--text-dim#444

--line#ddd

--on-ink-muted#999

--on-ink-soft#CFCFCF

--prose-fg#1A1A1A

--on-ink-dim#BBB

--code-fg#E8E8E8

--code-punct#BDBDBD

--code-key#FF8C5A

--safety-tint#FFE9E0

--ok#1B7F3B

--ok-tint#E6F4EA

--term-bg#08080A

--term-green#00FF66

--term-amber#FFAA00

--term-red#FF5F57

--term-blue#7FB2FF

--dot-amber#FEBC2E

--dot-green#28C840

Шкала одна для всех сайтов; размеры шрифтов меняются только по решению владельца.

--fs-heroЭксплуатация систем

--fs-h1Эксплуатация систем

--fs-h2Эксплуатация систем

--fs-h3Эксплуатация систем

Переменная	Значение
`--border`	`4px solid var(--ink)`
`--border-thin`	`2px solid var(--ink)`
`--hair`	`1px solid rgba(0,0,0,.12)`
`--shadow`	`8px 8px 0 var(--ink)`
`--shadow-sm`	`4px 4px 0 var(--ink)`
`--shadow-safety`	`8px 8px 0 var(--safety)`
`--mono`	`'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace`
`--sans`	`'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif`
`--grotesk`	`'Space Grotesk','JetBrains Mono',ui-monospace,system-ui,sans-serif`
`--fs-micro`	`.64rem`
`--hdr-h`	`46px`
`--z-sticky`	`60`
`--z-pop`	`70`
`--z-overlay`	`80`
`--z-toast`	`90`
`--fs-hero`	`clamp(2.4rem,7vw,6.2rem)`
`--fs-body`	`clamp(.95rem,1.05vw,1.05rem)`
`--fs-prose`	`clamp(1.02rem,1.15vw,1.16rem)`
`--fs-stat`	`clamp(1.6rem,3vw,2.6rem)`
`--sec-y`	`clamp(2.2rem,5vw,4.6rem)`
`--pad-x`	`clamp(1rem,4vw,4rem)`
`--wrap`	`1180px`
`--read`	`44rem`