/* Ingana Digital brand tokens — direction "Circuit". Colour, type and component values copied verbatim from ingana-brand-kit/tokens.css. The kit's @import of Google Fonts is deliberately omitted here: a CSS @import is only discovered after this stylesheet has downloaded and parsed, which serialises two round-trips before any text can paint. The same two families are loaded from a in instead. Same fonts, one round-trip earlier. (Plan §1.2.3) */ :root { /* --- brand palette: these seven, nothing else --- */ --color-volt: #C8F542; /* primary accent: CTAs, highlights, logo */ --color-midnight: #0F1A2E; /* main background */ --color-board: #1F2D4A; /* surfaces, cards */ --color-line: #2A3854; /* 2px rules/borders — never text */ --color-frost: #E9EEF7; /* primary text on dark */ --color-muted: #B8C3D8; /* secondary text on dark */ --color-pulse: #5B8CFF; /* secondary accent: links, states */ /* --- type --- */ --font-heading: 'Space Grotesk', sans-serif; --font-body: 'Space Grotesk', sans-serif; --font-mono: 'IBM Plex Mono', monospace; /* --- brand UI rules --- */ --radius: 0; --rule: 2px solid var(--color-line); /* --- layout additions: spacing and measure only, no new colours --- */ --maxw: 1200px; --gutter: 20px; --section-y: 72px; --header-h: 64px; --focus: 2px solid var(--color-volt); } @media (min-width: 768px) { :root { --gutter: 40px; --section-y: 104px; --header-h: 76px; } } @media (min-width: 1200px) { :root { --section-y: 128px; } }