/* 99 GAME — Design tokens
   One controlled accent color (violet) plus a secondary highlight used
   sparingly (featured ribbons, focus states on dark buttons). */

:root {
    /* Surfaces */
    --bg: #0d0f14;
    --bg-elevated: #141821;
    --bg-card: #171b25;
    --bg-card-hover: #1e2330;
    --border: #262b38;
    --border-soft: #1c212c;

    /* Text */
    --text: #eef0f5;
    --text-muted: #9aa1b2;
    --text-faint: #676e80;

    /* Accent */
    --accent: #7c5cff;
    --accent-hover: #9277ff;
    --accent-soft: rgba(124, 92, 255, 0.14);
    --accent-2: #22d3ee;

    /* Status */
    --success: #2ecc71;
    --error: #ff5d6c;
    --warning: #f5a623;

    /* Radius / shadow */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.35);
    --shadow-glow: 0 0 0 1px var(--accent-soft), 0 8px 24px rgba(124, 92, 255, 0.18);

    /* Layout */
    --container-max: 1200px;
    --header-height: 64px;
    --touch-target: 44px;

    /* Type */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Motion */
    --transition-fast: 150ms ease;
    --transition-base: 220ms ease;
}