/* BMSDock UI 1.8.12 — shared UI tokens */

:root {
  --ui-control-color: 15, 23, 42;
  --ui-control-opacity-default: .60;
  --ui-control-opacity-interactive: .70;
  --ui-control-opacity-off: .30;

  --ui-control-bg-default: rgba(var(--ui-control-color), var(--ui-control-opacity-default));
  --ui-control-bg-interactive: rgba(var(--ui-control-color), var(--ui-control-opacity-interactive));
  --ui-control-bg-off: rgba(var(--ui-control-color), var(--ui-control-opacity-off));

  --ui-control-fg: #ffffff;
  --ui-control-border: rgba(255, 255, 255, .10);
  --ui-control-focus: rgba(148, 163, 184, .28);
  --ui-control-shadow: 0 6px 18px rgba(15, 23, 42, .18);
  --ui-control-transition: 140ms ease;

  --ui-control-park-bg: rgba(255, 178, 0, .96);
  --ui-control-park-fg: #111827;

  /* UI 1.9.7 — shared non-map action controls */
  --ui-action-height: 44px;
  --ui-action-radius: 10px;
  --ui-action-font-size: 14px;
  --ui-action-font-weight: 700;
  --ui-action-icon-size: 20px;
  --ui-action-gap: 6px;
  --ui-action-padding-x: 14px;
  --ui-action-primary-bg: #22c55e;
  --ui-action-primary-bg-hover: #16a34a;
  --ui-action-primary-fg: #ffffff;
  --ui-action-neutral-bg: #f8fafc;
  --ui-action-neutral-bg-hover: #ffffff;
  --ui-action-neutral-fg: #111827;
  --ui-action-border: #e2e8f0;
  --ui-action-danger-bg: #fff7f7;
  --ui-action-danger-fg: #dc2626;
  --ui-action-focus: rgba(148, 163, 184, .18);
}

:root {
  --top-control-size: 44px;
  --top-control-radius: 50%;
  --top-control-icon: 22px;
  --top-control-gap: 10px;

  --playback-control-size: 54px;
  --playback-control-radius: 16px;

  --top-menu-bg: rgba(255, 255, 255, .30);
  --top-menu-border: rgba(226, 232, 240, .95);
  --top-menu-shadow: 0 10px 28px rgba(15, 23, 42, .16);
  --top-menu-radius: 12px;
  --top-menu-item-radius: 9px;
  --top-menu-item-h: 38px;
  --top-menu-font: 14px;
  --top-menu-text: #111827;
  --top-menu-muted: #64748b;
  --top-menu-active-bg: #16a34a;
  --top-menu-active-text: #ffffff;
}

:root {
  --top-menu-item-bg: rgba(255, 255, 255, .50);
  --top-menu-item-bg-hover: rgba(255, 255, 255, .60);
  --top-menu-item-border: rgba(226, 232, 240, .42);
}

/* UI 1.9.7 — Panels foundation tokens */
:root {
  --ui-panel-overlay-bg: rgba(15, 23, 42, .42);
  --ui-panel-overlay-blur: 4px;
  --ui-panel-surface: rgba(255, 255, 255, .96);
  --ui-panel-border: rgba(226, 232, 240, .95);
  --ui-panel-shadow: 0 18px 45px rgba(15, 23, 42, .25);
  --ui-panel-settings-radius: 26px;
  --ui-panel-settings-radius-mobile: 22px;
  --ui-panel-overlay-gutter: 22px;
  --ui-panel-settings-gutter: 16px;
}