/* Arcade — game-lobby storefront theme.
   The full arcade skin is rendered inline in views/frontend/shop-themes/arcade.ejs
   (its CSS is render-dependent on the shop's dark/light mode). This file provides
   the base tokens + a safe body backdrop so the injected themeCss link resolves. */
:root {
    --primary: #d2042d;
    --primary-rgb: 210, 4, 45;
    --secondary: #0b0f1a;
    --accent: #d2042d;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;
    --light: #f8fafc;
    --dark: #05070d;
    --gray: #8b93a7;
    --background: #05070d;
    --card-bg: #0e1424;
    --header-bg: #05070d;
    --footer-bg: #05070d;
    --sidebar-bg: #0e1424;
    --hov-primary: #ff1f4b;
    --soft-primary: rgba(210, 4, 45, 0.15);
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-full: 9999px;
    /* Dark header: recolor black wordmark artwork to white so it reads. */
    --wordmark-filter: brightness(0) invert(1);
}

body {
    background: var(--background);
}