/**
 * MX Racing global tokens.
 * Source: docs/design-system.md and Stitch "Precision Velocity".
 */
:root,
.editor-styles-wrapper {
  --mxr-color-primary: #e10600;
  --mxr-color-primary-hover: #c00500;
  --mxr-color-primary-active: #930300;
  --mxr-color-background: #131313;
  --mxr-color-surface-lowest: #0e0e0e;
  --mxr-color-surface-low: #1c1b1b;
  --mxr-color-surface: #201f1f;
  --mxr-color-surface-high: #2a2a2a;
  --mxr-color-surface-highest: #353534;
  --mxr-color-surface-bright: #393939;
  --mxr-color-text: #e5e2e1;
  --mxr-color-muted: #e9bcb5;
  --mxr-color-secondary: #c8c6c5;
  --mxr-color-outline: #af8781;
  --mxr-color-outline-variant: #5e3f3a;
  --mxr-color-error: #ffb4ab;
  --mxr-color-success: #8fe388;
  --mxr-color-warning: #ffcf5f;

  --mxr-font-display: "Space Grotesk", "Arial Narrow", system-ui, sans-serif;
  --mxr-font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --mxr-radius-sm: 0.125rem;
  --mxr-radius-md: 0.25rem;
  --mxr-radius-lg: 0.5rem;
  --mxr-radius-xl: 0.75rem;
  --mxr-radius-button: var(--mxr-radius-sm);
  --mxr-radius-card: var(--mxr-radius-md);
  --mxr-radius-input: var(--mxr-radius-sm);
  --mxr-radius-badge: var(--mxr-radius-sm);

  --mxr-button-primary-background: var(--mxr-color-primary);
  --mxr-button-primary-hover: var(--mxr-color-primary-hover);
  --mxr-button-primary-active: var(--mxr-color-primary-active);
  --mxr-button-text-color: var(--mxr-color-text);
  --mxr-button-hover-transform: translateY(-1px);
  --mxr-button-active-transform: scale(0.98);
  --mxr-button-text-transform: uppercase;

  --mxr-top-bar-display: block;
  --mxr-bottom-nav-display: flex;

  --mxr-space-1: 0.25rem;
  --mxr-space-2: 0.5rem;
  --mxr-space-3: 0.75rem;
  --mxr-space-4: 1rem;
  --mxr-space-5: 1.5rem;
  --mxr-space-6: 2rem;
  --mxr-space-7: 3rem;
  --mxr-space-8: 4rem;
  --mxr-space-9: 6rem;

  --mxr-container: min(100% - 2rem, 1180px);
  --mxr-container-wide: min(100% - 2rem, 1600px);
  --mxr-header-height: 4rem;
  --mxr-bottom-nav-height: 4.5rem;

  --mxr-transition-fast: 160ms cubic-bezier(0.16, 1, 0.3, 1);
  --mxr-transition-base: 260ms cubic-bezier(0.16, 1, 0.3, 1);

  --mxr-shadow-float: 0 1.5rem 4rem rgba(0, 0, 0, 0.24);
  --mxr-shadow-red-ambient: 0 2rem 4rem rgba(225, 6, 0, 0.08);

  --mxr-z-header: 50;
  --mxr-z-bottom-nav: 60;
  --mxr-z-overlay: 80;
}