/**
 * Game Town — v2 editorial tokens (distinct from legacy green shop look)
 */
:root {
    --bg-page: #f3f1ec;
    --surface: #fffcf7;
    --surface-2: #f5f0e8;
    --surface-inverse: #1e1b4b;
    --text-primary: #1c1917;
    --text-muted: #78716c;
    --text-on-inverse: #fafaf9;
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --primary-muted: rgba(79, 70, 229, 0.12);
    --accent: #c2410c;
    --accent-muted: rgba(194, 65, 12, 0.12);
    --border: #e7e5e4;
    --border-strong: #d6d3d1;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --shadow-sm: 0 1px 3px rgba(28, 25, 23, 0.06);
    --shadow-md: 0 8px 24px rgba(28, 25, 23, 0.08);
    --shadow-lg: 0 20px 50px rgba(28, 25, 23, 0.12);
    --font-display: 'Fraunces', 'Georgia', serif;
    --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
    --prose-width: 58ch;
    --container-max: 1200px;
    --bento-gap: 1.25rem;

    --black: var(--text-primary);
    --neutral-dark: #292524;
    --bg-dark: var(--bg-page);
    --bg-card: var(--surface);
    --bg-elevated: var(--surface-2);
    --text: var(--text-primary);
    --radius: var(--radius-md);
    --shadow: var(--shadow-sm);
    --shadow-elevated: var(--shadow-md);
}