/* IT247 / AIT247 — design tokens (common). Accent tokens are set per-site in each page's . */ :root { /* neutrals */ --bg-0: #0B0D10; --bg-1: #101317; --bg-2: #171B20; --fg-0: #ECE7DE; --fg-1: #A9A69F; --fg-2: #6E6C67; --line: rgba(236, 231, 222, 0.12); --line-strong: rgba(236, 231, 222, 0.24); /* fonts — self-hosted stack is not bundled in this prototype; honest system fallback (see docs/design_system.md §2.1: system-ui fallback keeps the site on-character if self-host fonts aren't wired up yet) */ --font-sans: -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; --font-mono: "SFMono-Regular", "IBM Plex Mono", Menlo, Consolas, "Liberation Mono", monospace; /* spacing (8px base) */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px; /* grid */ --container-max: 1180px; --container-pad: clamp(20px, 5vw, 64px); }