/* Grasp left menu theme polish (host-level tokens/chrome) */

:root {
  --grasp-menu-rail-bg: #018fb3;
  --grasp-menu-rail-hover: rgba(255, 255, 255, 0.08);
  --grasp-menu-primary: #01acd5;
  --grasp-menu-primary-soft: rgba(1, 172, 213, 0.14);
  --grasp-menu-primary-border: rgba(1, 172, 213, 0.35);
  --grasp-menu-text-muted: #94a3b8;
  --grasp-menu-text-strong: #e2e8f0;
  --grasp-menu-panel-bg: #ffffff;
  --grasp-menu-panel-subtle: #f8fafc;
}

/* host vars consumed by temba-menu internals */
temba-menu {
  --color-primary-dark: var(--grasp-menu-rail-bg);
  --color-selection: var(--grasp-menu-primary-soft);
  --color-nav-unselected: var(--grasp-menu-text-muted);
  --color-nav-selected-bg: var(--grasp-menu-primary-soft);
  --color-nav-selected-text: #0c4a63;
  --menu-padding: 0.8em;
  --curvature: 10px;
  --transition-speed: 180ms;

  background: var(--grasp-menu-panel-bg);
  border-right: 1px solid #e2e8f0;
}

.folders {
  background: var(--grasp-menu-panel-bg);
}

.spa-container {
  background: var(--grasp-menu-panel-subtle);
}