:root {
    /* Warm ink — not blue-grey AI default */
    --bg: #0c0a09;
    --bg-raised: #141110;
    --bg-wash: #1c1916;
    --surface: #181512;
    --surface-2: #221e1a;
    --border: #2f2a24;
    --border-strong: #3d362e;
    --text: #f2ebe3;
    --text-muted: #a39a8e;
    --text-faint: #6b655c;
    /* Acid chartreuse + ember — rare combo in templates */
    --accent: #d8ff57;
    --accent-text: #141204;
    --ember: #ff4b33;
    --ember-dim: rgba(255, 75, 51, 0.35);
    --accent-dim: rgba(216, 255, 87, 0.12);
    --danger: #ff7b8a;
    --radius: 6px;
    --radius-sm: 4px;
    --shadow-hard: 6px 6px 0 rgba(0, 0, 0, 0.45);
    --shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.35);
    --font-display: "Bricolage Grotesque", system-ui, sans-serif;
    --font-body: "Source Sans 3", system-ui, sans-serif;
    --container: min(1120px, 92vw);
    --header-h: 72px;
    --ease: cubic-bezier(0.25, 0.9, 0.25, 1);
    --bp-md: 900px;
    --bp-sm: 560px;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --anim-none: 1ms;
    }
}