@import url("/rebuild/noir-club-r8.css?v=53e72352");

/* ============================================================
   xMAFIA UI TOKENS — behaviour-neutral foundation.

   R8 owns the semantic browser client.
   R8 owns the semantic client and final Noir Club visual language.
   Historical Flash geometry remains hidden behaviour only.
   ============================================================ */

:root {
    --xm-stage-width: 760px;
    --xm-stage-height: 600px;

    --xm-space-1: 2px;
    --xm-space-2: 4px;
    --xm-space-3: 6px;
    --xm-space-4: 8px;
    --xm-space-5: 12px;
    --xm-space-6: 16px;

    --xm-radius-sm: 3px;
    --xm-radius-md: 6px;
    --xm-radius-lg: 10px;

    --xm-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --xm-font-size-xs: 12px;
    --xm-font-size-sm: 13px;
    --xm-font-size-md: 15px;
    --xm-font-size-lg: 18px;

    --xm-bg-page: #070a0f;
    --xm-bg-panel: #0d121a;
    --xm-bg-control: #111824;
    --xm-bg-control-hover: #182331;

    --xm-text: #f3f5f7;
    --xm-text-muted: #8994a5;

    --xm-border: #222c3a;
    --xm-border-strong: #3c4b5f;

    --xm-accent: #e6ad49;
    --xm-private: #67d99a;
    --xm-warning: #f3bb55;
    --xm-danger: #e96a6a;
    --xm-info: #61aef7;

    --xm-hit-min: 36px;
    --xm-input-height: 44px;

    --xm-z-content: 10;
    --xm-z-controls: 100;
    --xm-z-modal: 500;
    --xm-z-inspector: 5000;
}