/* Shared brand marks. Logo artwork retains its original colors. */
.v6-railname{display:flex;align-items:center;gap:8px}
.dasvor-nav-symbol{display:block;width:32px;height:32px;object-fit:contain;flex:none}
.v6-railname .dasvor-nav-symbol,.v6-logo .dasvor-nav-symbol{width:32px;height:32px}
.v6-logo:has(.dasvor-nav-symbol){width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important}

/* Interaction tokens resolve against the active Theme Studio palette, including custom themes. */
:root{
  --fb-interaction-hover:color-mix(in srgb,var(--fb-accent) 13%,transparent);
  --fb-interaction-selected:color-mix(in srgb,var(--fb-accent) 22%,var(--fb-panel));
  --fb-interaction-border:color-mix(in srgb,var(--fb-accent) 65%,var(--fb-edge));
  --fb-interaction-focus:var(--fb-accent);
}
/* Only actionable elements receive these states; static cards and destructive actions are excluded. */
@media (hover:hover) and (pointer:fine){
  :is(body)
  :is(button:not(:disabled),a[href],[role="button"],[role="menuitem"],[role="option"],[role="tab"]):not(.primary):not(.danger):not([aria-disabled="true"]):hover{
    background-color:var(--fb-interaction-hover);
    border-color:var(--fb-interaction-border);
  }
  :is(body)
  :is(.v6-rail,.v6-nav,[role="menu"],[role="listbox"],[role="tablist"])
  :is(button:not(:disabled),a[href],[role="menuitem"],[role="option"],[role="tab"]):hover{
    color:var(--fb-accent);
  }
  body button.primary:not(:disabled):hover{filter:brightness(1.08)}
}
body
:is(button,a[href],input,textarea,select,[role="button"],[role="menuitem"],[role="option"],[role="tab"]):focus-visible{
  outline:2px solid var(--fb-interaction-focus);
  outline-offset:2px;
}
body
:is([role="tab"][aria-selected="true"],[role="option"][aria-selected="true"],[aria-current="page"],button[aria-pressed="true"]):not(.primary):not(.danger){
  border-color:var(--fb-interaction-border);
  background-color:var(--fb-interaction-selected);
}
/* Native check/range controls still respect each theme when they are intentionally used. */
body :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:var(--fb-accent)}
@media (prefers-reduced-motion:no-preference){
  body
  :is(button,a[href],[role="button"],[role="menuitem"],[role="option"],[role="tab"]){transition:background-color .14s ease,border-color .14s ease,color .14s ease}
}