:root { --color-canvas: #080A0B; --color-surface: #0F1112; --color-surface-raised: #171A1C; --color-border: #2B2E30; --color-text: #F3EFE7; --color-text-muted: #B9B5AD; --color-accent: #C89A5A; --color-accent-hover: #D8AD72; --color-focus: #F4C77E; --color-success: #8FAF7A; --color-error: #D86F61; --type-label: 1.2rem; --type-small: 1.4rem; --type-body: 1.6rem; --type-intro: clamp(1.8rem, 1.5vw, 2.2rem); --type-h4: clamp(2rem, 2vw, 2.8rem); --type-h3: clamp(2.64rem, 3vw, 4rem); --type-h2: clamp(3.6rem, 4.5vw, 6.4rem); --type-h1: clamp(5.2rem, 7vw, 9.6rem); --space-2xs: 0.4rem; --space-xs: 0.8rem; --space-s: 1.2rem; --space-m: 1.6rem; --space-l: 2.4rem; --space-xl: 3.2rem; --space-2xl: 4.8rem; --space-3xl: 6.4rem; --space-4xl: 9.6rem; --space-5xl: 12.8rem;}