:root {
    --color-bg: #141820;
    --color-bg-elevated: #1c2330;
    --color-bg-card: #222a38;
    --color-bg-card-dark: #1a2130;
    --color-bg-slot: #161c28;
    --color-border: #2e3848;
    --color-text: #e8eef4;
    --color-text-muted: #9aabb8;
    --color-accent: #5dab24;
    --color-accent-hover: #6fbf38;
    --color-accent-dark: #3d7218;
    --color-accent-dim: rgba(93, 171, 36, 0.12);
    --color-gold: #e8c547;
    --color-shop-panel: var(--color-bg-card-dark);
    --color-shop-header: var(--color-bg-elevated);
    --color-shop-border: var(--color-border);
    --color-shop-slot: #252d3c;
    --color-shop-slot-border: #3a465a;
    --color-shop-slot-cost: #352b24;
    --color-shop-slot-cost-border: #6b4f38;
    --color-shop-slot-result: #243328;
    --color-shop-slot-result-border: #3f6b48;
    --color-shop-arrow: var(--color-accent-hover);
    --color-offline: #c44;
    --color-online: #5dab24;
    --font-display: 'Press Start 2P', ui-monospace, monospace;
    --font-body: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --radius-sm: 2px;
    --radius-md: 2px;
    --mc-panel-bevel-light: #526378;
    --mc-panel-bevel-dark: #0c1018;
    --mc-panel-surface-bg: #222a38;
    --mc-panel-slot-bg: #161c28;
    --mc-border-outset: var(--mc-panel-bevel-light) var(--mc-panel-bevel-dark) var(--mc-panel-bevel-dark) var(--mc-panel-bevel-light);
    --mc-border-inset: var(--mc-panel-bevel-dark) var(--mc-panel-bevel-light) var(--mc-panel-bevel-light) var(--mc-panel-bevel-dark);
    --mc-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.012) 32%, transparent 100%), var(--mc-panel-surface-bg);
    --mc-btn-raised: #6fbf38 #3d7218 #3d7218 #6fbf38;
    --shadow-panel: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -2px 4px rgba(0, 0, 0, 0.3);
    --shadow-elevated:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -2px 4px rgba(0, 0, 0, 0.28),
        0 2px 0 rgba(0, 0, 0, 0.42),
        0 8px 20px rgba(0, 0, 0, 0.34);
    --shadow-control:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-soft: var(--shadow-panel);
    --layout-max-width: 1200px;
    --sidebar-width: 340px;
}