/* ============================================================
   BITCOIN ARCADE ZONE — DESIGN TOKENS
   ============================================================
   SINGLE SOURCE OF TRUTH for color, spacing, and motion values
   used across the platform.

   Loaded FIRST in every page's <head>, before any other CSS.
   Every page links this file once. Pages MUST NOT redefine
   these values in their own <style> blocks.

   Adding a token? It goes here. Nowhere else.
   ============================================================ */

:root {
    /* ─── Bitcoin Arcade brand palette ─── */
    --bitcoin-orange: #F7931A;
    --bitcoin-gold:   #FFD700;
    --neon-cyan:      #00d4ff;
    --neon-green:     #00ff00;
    --neon-red:       #ff6b6b;
    --arcade-purple:  #8B5CF6;

    /* ─── Dark gradient palette (game-over, payment overlays) ─── */
    --dark-blue-1: #1a1a2e;
    --dark-blue-2: #16213e;
    --dark-blue-3: #0f3460;

    /* ─── Surfaces ─── */
    --bg-primary:   #0a0a0a;
    --bg-secondary: #0a0a0a;
    --bg-tertiary:  #111111;

    /* ─── Text ─── */
    --text-primary:   #ffffff;
    --text-secondary: #cccccc;
    --text-muted:     #888888;

    /* ─── Neutral grays (occasional utility use) ─── */
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
}
