/**
 * Theme skin: MakeWay — Raze & Order franchise ops.
 *
 * Industrial demolition paperwork: dark blue-slate panels, safety-gold accent,
 * mono for anything that looks like data. Tokens mirror the in-game HUD
 * (MakeWay2/src/ui/hud.ts): accent #f2b41d / hi #ffcf52 / ink #201700,
 * good-green #7dff5e, danger #ff6257.
 *
 * Tokens only — brand page components live in css/makeway-site.css,
 * theme-agnostic components in css/app-ui.css.
 */

:root {
  /* Palette — condemned-city slate + safety gold */
  --ord-bg: #0b0d14;
  --ord-bg-elevated: #141824;
  --ord-primary: #f2b41d;
  --ord-secondary: #7dff5e;
  --ord-error: #ff6257;
  --ord-warning: #ffcf52;
  --ord-success: #7dff5e;
  --ord-text: #e8ecf4;
  --ord-text-muted: rgba(232, 236, 244, 0.64);
  --ord-border: rgba(232, 236, 244, 0.13);
  --ord-border-strong: rgba(242, 180, 29, 0.45);

  /* Semantic — unmuted + muted */
  --ord-primary-bg: var(--ord-primary);
  --ord-primary-text: var(--ord-primary);
  --ord-primary-muted-bg: rgba(242, 180, 29, 0.1);
  --ord-primary-muted-text: rgba(242, 180, 29, 0.92);

  --ord-secondary-bg: var(--ord-secondary);
  --ord-secondary-text: var(--ord-secondary);
  --ord-secondary-muted-bg: rgba(125, 255, 94, 0.1);
  --ord-secondary-muted-text: rgba(125, 255, 94, 0.9);

  --ord-success-bg: var(--ord-success);
  --ord-success-text: var(--ord-success);
  --ord-success-muted-bg: rgba(125, 255, 94, 0.1);
  --ord-success-muted-text: rgba(125, 255, 94, 0.9);

  --ord-warning-bg: var(--ord-warning);
  --ord-warning-text: var(--ord-warning);
  --ord-warning-muted-bg: rgba(255, 207, 82, 0.12);
  --ord-warning-muted-text: rgba(255, 207, 82, 0.95);

  --ord-error-bg: var(--ord-error);
  --ord-error-text: var(--ord-error);
  --ord-error-muted-bg: rgba(255, 98, 87, 0.12);
  --ord-error-muted-text: rgba(255, 98, 87, 0.92);

  /* Typography — industrial grotesque + data mono + condensed display */
  --ord-font-sans: "Archivo", "Segoe UI", "Helvetica Neue", sans-serif;
  --ord-font-mono: "IBM Plex Mono", "JetBrains Mono", "Consolas", monospace;
  --ord-font-size-xs: 0.75rem;
  --ord-font-size-sm: 0.875rem;
  --ord-font-size-base: 0.9375rem;
  --ord-font-size-md: 1.0625rem;
  --ord-font-size-lg: 1.25rem;
  --ord-font-size-xl: 1.5rem;
  --ord-line-height: 1.55;
  --ord-letter-spacing: 0;

  /* Interactive */
  --ord-btn-on-solid: #201700;
  --ord-focus-ring: rgba(242, 180, 29, 0.45);
  --ord-shadow: 0 14px 36px rgba(0, 0, 0, 0.45);

  /* Shape — squared-off, industrial (the HUD is nearly rectilinear) */
  --ord-radius: 6px;
  --ord-radius-sm: 3px;
  --ord-radius-lg: 8px;

  /* Spacing */
  --ord-space: 0.25rem;
  --ord-gap: 0.625rem;
  --ord-gap-md: 1.125rem;
  --ord-gap-lg: 1.75rem;
  --ord-gap-xl: 2.25rem;

  /* Filament / tint RGB triplets */
  --ord-color-primary: 242, 180, 29;
  --ord-color-success: 125, 255, 94;
  --ord-color-danger: 255, 98, 87;
  --ord-color-info: 122, 190, 255;
  --ord-color-gray: 138, 148, 168;
  --ord-tint-opacity: 0.1;
  --ord-tint-opacity-dark: 0.09;

  /* Status chips */
  --ord-chip-info-bg: #7abeff;
  --ord-chip-info-text: #0a2a4d;
  --ord-chip-warn-bg: #ffcf52;
  --ord-chip-warn-text: #3d2c00;
  --ord-chip-ok-bg: #7dff5e;
  --ord-chip-ok-text: #0c3a00;
  --ord-chip-danger-bg: #ff8a82;
  --ord-chip-danger-text: #4d0b06;

  /* MakeWay brand extensions (consumed by makeway-site.css only) */
  --mw-font-display: "Big Shoulders", "Archivo", "Arial Narrow", sans-serif;
  --mw-accent-hi: #ffcf52;
  --mw-accent-ink: #201700;
  --mw-panel: #10131d;
  --mw-panel-2: #171b29;
  --mw-hazard-dark: #14161f;
  --mw-line: rgba(232, 236, 244, 0.1);
}

@media (max-width: 767px) {
  :root {
    --ord-gap: 0.375rem;
    --ord-gap-md: 0.75rem;
    --ord-gap-lg: 1rem;
    --ord-radius: 5px;
    --ord-radius-lg: 7px;
  }
}