:root {
    --color-bg: #14100c;
    --color-bg-elevated: #1c1712;
    --color-bg-card: #2a231c;
    --color-bg-card-dark: #1f1914;
    --color-bg-slot: #181410;
    --color-border: rgba(107, 79, 42, 0.32);
    --color-border-strong: rgba(139, 105, 58, 0.42);
    --color-text: #ebe4d6;
    --color-text-muted: #a89478;
    --color-accent: #5a9238;
    --color-accent-hover: #72b042;
    --color-accent-dark: #3d6628;
    --color-accent-text: #1a2410;
    --color-accent-dim: rgba(90, 146, 56, 0.16);
    --color-dirt: #6b4f2a;
    --color-dirt-dark: #4a3820;
    --color-grass-light: #8bc34a;
    --color-stone: #5c564f;
    --color-gold: #c9a227;
    --color-gold-soft: #e8c547;
    --color-bg-overlay: rgba(20, 16, 12, 0.92);
    --color-shop-panel: var(--color-bg-card-dark);
    --color-shop-header: var(--color-bg-elevated);
    --color-shop-border: var(--color-border-strong);
    --color-shop-slot: #1a1510;
    --color-shop-slot-border: rgba(139, 105, 58, 0.35);
    --color-shop-slot-cost: #241c14;
    --color-shop-slot-cost-border: rgba(107, 79, 42, 0.45);
    --color-shop-slot-result: #1a2410;
    --color-shop-slot-result-border: rgba(90, 146, 56, 0.4);
    --color-shop-arrow: var(--color-accent-hover);
    --color-offline: #c45c4a;
    --color-online: #72b042;
    --font-display: var(--font-body);
    --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-pill: 999px;
    --mc-panel-bevel-light: rgba(201, 162, 39, 0.18);
    --mc-panel-bevel-dark: rgba(0, 0, 0, 0.4);
    --mc-panel-surface-bg: var(--color-bg-card);
    --mc-panel-slot-bg: var(--color-bg-slot);
    --mc-border-outset: var(--color-border-strong);
    --mc-border-inset: rgba(0, 0, 0, 0.5);
    --mc-panel-bg:
        linear-gradient(180deg, rgba(114, 176, 66, 0.09) 0%, transparent 24%),
        linear-gradient(165deg, rgba(255, 255, 255, 0.035) 0%, transparent 38%),
        var(--mc-panel-surface-bg);
    --mc-btn-raised: rgba(201, 162, 39, 0.22);
    --shadow-panel:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 -2px 4px rgba(0, 0, 0, 0.28);
    --shadow-elevated:
        0 0 0 1px var(--color-border),
        0 10px 28px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --shadow-control: var(--shadow-panel);
    --shadow-soft: var(--shadow-panel);
    --shadow-glow-accent: 0 0 20px rgba(90, 146, 56, 0.22);
    --markt-accent: var(--color-accent);
    --markt-accent-soft: var(--color-accent-hover);
    --layout-max-width: 1360px;
    --sidebar-width: 320px;
    --page-gutter: 1.25rem;
    --header-blur: 12px;
    --shell-panel-border: 1px solid var(--color-border-strong);
    --shell-panel-radius: var(--radius-md);
    --shell-panel-shadow: var(--shadow-elevated);
}