/* ───────────────────────────────────────────────────────────────────────────── SIP GLOBAL — Typography JetBrains Mono is loaded from Google Fonts via the HTML . ───────────────────────────────────────────────────────────────────────────── */ body { font-family : var(--font-mono); font-size : var(--text-md); font-weight : var(--weight-regular); color : var(--color-black); background : var(--color-light); } h1, h2, h3, h4, h5, h6 { font-family : var(--font-mono); font-weight : var(--weight-bold); line-height : 1.2; letter-spacing: -0.02em; } h1 { font-size: var(--text-3xl); } h2 { font-size: var(--text-2xl); } h3 { font-size: var(--text-xl); } h4 { font-size: var(--text-lg); } p { font-size : var(--text-md); line-height: 1.7; } .text-mono { font-family: var(--font-mono); font-size : var(--text-base); } .text-small { font-size: var(--text-sm); } .text-xs { font-size: var(--text-xs); } .text-muted { opacity: 0.6; } .text-white { color: var(--color-white); } .text-light { color: var(--color-light); } .text-navy { color: var(--color-navy); } .text-blue { color: var(--color-blue); } .text-orange { color: var(--color-orange);} .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .uppercase { text-transform: uppercase; letter-spacing: 0.08em; } .italic { font-style: italic; } .motto { font-size : var(--text-sm); font-style : italic; letter-spacing: 0.12em; text-transform: uppercase; opacity : 0.7; }