:root {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", Arial, sans-serif;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);
    --shadow-md: 0 12px 32px rgba(15, 23, 42, .12);
    --duration-fast: 160ms;
    --breakpoint-mobile: 768px;

    --market-page: #f5f7fa;
    --market-surface: #ffffff;
    --market-text: #1e293b;
    --market-muted: #64748b;
    --market-accent: #2563eb;
    --game-page: #0b1220;
    --game-surface: #111c30;
    --game-text: #e7edf7;
    --game-muted: #94a3b8;
    --game-accent: #ffb22c;
}

body.game-hub-page {
    --surface-page: var(--game-page);
    --surface-card: var(--game-surface);
    --surface-hover: #19263a;
    --border-default: rgba(148, 163, 184, .2);
    --text-primary: var(--game-text);
    --text-secondary: #cbd5e1;
    --text-muted: var(--game-muted);
    --text-caption: var(--game-muted);
    --accent-primary: #4f8cff;
    --accent-hover: #77a6ff;
}
